#haru-sp_circle .haru-sp_circle-font.bold {
    font-weight: 700
}

#haru-sp_circle .haru-sp_circle-font.regular {
    font-weight: 400
}

#haru-sp_circle .haru-sp_circle-font.light {
    font-weight: 200
}

#haru-sp_circle .haru-sp_circle-font.black {
    font-weight: 900
}

#haru-sp_circle .haru-sp_circle-font.extrabold {
    font-weight: 800
}

#haru-sp_circle .haru-sp_circle-font.semibold {
    font-weight: 600
}

#haru-sp_circle .haru-sp_circle-font.italic {
    font-style: italic
}

#haru-sp_circle .circle-example {
    width: 100px;
    height: 100px;
    border: 1px solid #d5dce5;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green {
    color: #65a637
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green p {
    color: #65a637
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-cta {
    color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-cta p {
    color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-dark {
    color: #197301
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-dark p {
    color: #197301
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-darkest {
    color: #115000
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-darkest p {
    color: #115000
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-mint {
    color: #00afaa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-mint p {
    color: #00afaa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue p {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-light {
    color: #00a9e0
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-light p {
    color: #00a9e0
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-lightest {
    color: #75dafa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-lightest p {
    color: #75dafa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-dark {
    color: #005f86
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-dark p {
    color: #005f86
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-darkest {
    color: #0c1724
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-darkest p {
    color: #0c1724
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-darker {
    color: #363c44
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-darker p {
    color: #363c44
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-dark {
    color: #656c76
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-dark p {
    color: #656c76
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray {
    color: #969daa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray p {
    color: #969daa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-light {
    color: #d5dce5
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-light p {
    color: #d5dce5
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-lightest {
    color: #f0f3f7
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-lightest p {
    color: #f0f3f7
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-white {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-white p {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-black {
    color: #000
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-black p {
    color: #000
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-burgundy {
    color: #79232e
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-burgundy p {
    color: #79232e
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-orange {
    color: #f99d1c
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-orange p {
    color: #f99d1c
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-orange-light {
    color: #f2a900
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-orange-light p {
    color: #f2a900
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green {
    background-color: #65a637
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green-cta {
    background-color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green-dark {
    background-color: #197301
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green-darkest {
    background-color: #115000
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green-mint {
    background-color: #00afaa
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-blue {
    background-color: #0070f3
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-blue-light {
    background-color: #00a9e0
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-blue-lightest {
    background-color: #75dafa
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-blue-dark {
    background-color: #005f86
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-darkest {
    background-color: #0c1724
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-darker {
    background-color: #363c44
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-dark {
    background-color: #656c76
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray {
    background-color: #969daa
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-light {
    background-color: #d5dce5
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-lightest {
    background-color: #f0f3f7
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-white {
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-black {
    background-color: #000
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-burgundy {
    background-color: #79232e
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-orange {
    background-color: #f99d1c
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-orange-light {
    background-color: #f2a900
}

#haru-sp_circle .haru-sp_circle-top-border {
    border-top: 1px solid #d5dce5
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-green {
    border-top: 1px solid #65a637
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-green-dark {
    border-top: 1px solid #197301
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-green-darkest {
    border-top: 1px solid #115000
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-green-mint {
    border-top: 1px solid #00afaa
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-blue {
    border-top: 1px solid #0070f3
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-blue-light {
    border-top: 1px solid #00a9e0
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-blue-lightest {
    border-top: 1px solid #75dafa
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-blue-dark {
    border-top: 1px solid #005f86
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-darkest {
    border-top: 1px solid #0c1724
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-darker {
    border-top: 1px solid #363c44
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-dark {
    border-top: 1px solid #656c76
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray {
    border-top: 1px solid #969daa
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-light {
    border-top: 1px solid #d5dce5
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-lightest {
    border-top: 1px solid #f0f3f7
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-white {
    border-top: 1px solid #fff
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-black {
    border-top: 1px solid #000
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-burgundy {
    border-top: 1px solid #79232e
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-orange {
    border-top: 1px solid #f99d1c
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-orange-light {
    border-top: 1px solid #f2a900
}

#haru-sp_circle .haru-sp_circle-background-white {
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle-background-gray {
    background-color: #f7f7f7
}

#haru-sp_circle .haru-sp_circle-background {
    background-size: cover;
    background-position: center center
}

#haru-sp_circle .centered {
    text-align: center
}

#haru-sp_circle .haru-sp_circle-header {
    z-index: 10000
}

#haru-sp_circle .haru-sp_circle-header .green-btn {
    min-width: 127px
}

#haru-sp_circle .haru-sp_circle-header .container-fluid {
    padding: 0
}

#haru-sp_circle .haru-sp_circle-header a {
    transition: color .2s ease-in-out 0s;
    -webkit-transition: color .2s ease-in-out 0s;
    -moz-transition: color .2s ease-in-out 0s;
    -ms-transition: color .2s ease-in-out 0s
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk {
    background-color: #17191d;
    min-height: 44px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-header .btn.mobile-download {
    height: 36px;
    padding-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
    float: right;
    top: 7px;
    position: relative;
    width: auto;
    color: #fff!important;
    line-height: 1.4
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-header .btn.mobile-download.flexible {
    padding-top: inherit;
    justify-content: center;
    align-items: center
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-header .btn.mobile-download.flexible.two-lines {
    line-height: 1.2
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-header .btn.mobile-download:focus .haru-sp_circle-header .navbar-splunk .navbar-header .btn.mobile-download:active {
    color: #fff!important
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand {
    padding: 10px;
    height: 44px;
    padding: 18px 10px;
    margin-left: 0
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand img {
    height: 25px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle {
    outline: 0!important;
    padding: 4px 0;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    border: none!important
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar {
    height: 5px;
    border-radius: 0;
    width: 26px;
    background: #d6d6d6
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-brand {
    padding: 10px;
    height: 44px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-brand img {
    height: 25px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .caret {
    margin-left: 5px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu {
    min-width: 460px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block .header-heading {
    margin-bottom: 10px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block .header-heading,
#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block h3 {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    font-weight: 800;
    padding-left: 10px;
    padding-top: 10px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul {
    list-style-type: none
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li:hover {
    background: #00d5ff;
    color: #2b3136
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li a {
    line-height: normal;
    padding: 11px 10px 10px;
    display: block;
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu {
    color: #fff!important;
    box-shadow: none;
    border: none;
    border-radius: 0
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu a {
    color: #fff!important;
    font-weight: 600;
    font-size: 13px;
    height: 36px;
    line-height: 30px;
    padding-left: 15px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu a:hover {
    color: #000!important;
    background-color: #00d5ff!important
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open .caret {
    border-width: 0 6px 8px 6px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a {
    color: #fff;
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    font-weight: 600;
    padding: 10px 12px;
    padding-top: 18px;
    padding-bottom: 18px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a .caret {
    color: #04d8e9
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a:hover {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a {
    color: #fff;
    transition: color .2s ease-in-out 0s;
    -webkit-transition: color .2s ease-in-out 0s;
    -moz-transition: color .2s ease-in-out 0s;
    -ms-transition: color .2s ease-in-out 0s
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left {
    text-transform: uppercase
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left>li>a {
    text-transform: uppercase;
    font-weight: 400!important;
    font-size: 14px;
    color: rgba(255, 255, 255, .8)
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left>li>a.active {
    color: #fff;
    color: #fff!important
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a {
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    color: rgba(216, 216, 213, .9)
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a:hover {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search {
    height: 64px;
    position: relative;
    padding-left: 5px;
    padding-right: 12px;
    float: right;
    display: inline-block;
    text-align: center;
    width: 44px;
    direction: rtl
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .search-button {
    padding-top: 22px;
    position: absolute;
    text-align: center;
    cursor: pointer
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .search-button .glyphicon {
    color: #ccc
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .collapsed-search {
    right: 0;
    z-index: 3;
    height: 64px;
    padding-top: 16px;
    background-color: #53585e;
    -webkit-transition: width .2s ease-in-out 0s;
    -moz-transition: width .2s ease-in-out 0s;
    -ms-transition: width .2s ease-in-out 0s;
    overflow: hidden;
    direction: ltr;
    display: inline-block;
    width: 330px;
    position: absolute
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .collapsed-search .close-button {
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 25px;
    border-left: 1px solid #000;
    display: inline-block;
    position: absolute;
    height: 66px;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .collapsed-search .close-button .glyphicon {
    color: #04d8e9!important
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .collapsed-search .input-group {
    margin-left: 15px;
    width: 240px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .collapsed-search .input-group input {
    border-right: none
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .collapsed-search .input-group .input-group-addon {
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: none
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search .collapsed-search .input-group .input-group-addon .glyphicon {
    color: #4d4d4d
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search.closed .collapsed-search {
    width: 0
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .free-splunk {
    margin-left: 12px;
    padding-top: 5px;
    padding-right: 10px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .free-splunk .btn {
    text-transform: uppercase;
    padding-top: 18px;
    height: 56px
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .free-splunk .btn.flexible {
    padding-top: inherit;
    display: flex;
    justify-content: center;
    align-items: center
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .free-splunk .btn.green-btn {
    background-color: #43d220;
    border: 1px solid #2eb50b
}

#haru-sp_circle .haru-sp_circle-header .navbar-splunk .navbar-collapse .free-splunk .btn.green-btn:hover {
    background-color: #2eb50b;
    border-color: #2eb50b
}

@media (min-height:400px) {
    #haru-sp_circle .navbar-splunk .navbar-collapse.in {
        height: 80vh!important;
        border-bottom: 1px solid #ccc
    }
}

@media (min-height:691px) {
    #haru-sp_circle .navbar-splunk .navbar-collapse.in {
        height: 90vh!important
    }
}

@media (min-height:991px) {
    #haru-sp_circle .navbar-splunk .navbar-collapse.in {
        height: 95vh!important
    }
}

@media (max-width:490px) {
    #haru-sp_circle .haru-sp_circle-header .btn.mobile-download {
        display: none!important
    }
}

@media (min-width:350px) and (max-width:500px) {
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .btn.mobile-download {
        display: block!important
    }
}

#haru-sp_circle .haru-sp_circle-header-v3 {
    min-height: 85px;
    z-index: 10000
}

#haru-sp_circle .haru-sp_circle-header-v3 img {
    max-width: 100%;
    height: auto
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 {
    border-radius: 0;
    background-color: #000;
    border: 0;
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container {
    color: #929191;
    min-height: 100px;
    margin-top: 50px;
    margin-bottom: 50px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .container {
    margin-top: 20px;
    margin-bottom: 25px;
    min-height: auto
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid {
    margin-top: 5px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.masthead {
    height: 55px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.masthead .navbar-brand {
    padding-top: 9px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.masthead .navbar-brand img {
    height: 31px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu {
    border-top: none
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .mega-menu-heading-title {
    text-transform: uppercase;
    text-align: left
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .mega-menu-heading {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu li.mega-menu-heading {
    margin-top: 20px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu ul.mega-menu-list {
    margin: 0;
    padding: 0;
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu ul.mega-menu-list li {
    list-style: none;
    text-align: left;
    margin-left: 0;
    padding-bottom: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu ul.mega-menu-list li:first-child {
    padding-top: 8px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .mega-menu-spotlight {
    text-align: left
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .mega-menu-spotlight .mega-menu-heading {
    padding: 10px 0;
    color: #656c76
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .mega-menu-spotlight .title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding-bottom: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .mega-menu-spotlight p {
    font-weight: regular;
    font-size: 16px;
    color: #474444
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .mega-menu-spotlight a {
    color: #0575E6;
    font-size: 14px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .mega-menu-spotlight a:hover {
    color: #0575E6;
    text-decoration: underline
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu a {
    font-weight: regular;
    font-size: 16px;
    color: #363c44
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu a:hover {
    text-decoration: none;
    color: #0575E6;
    transition: color .3s;
    -webkit-transition: color .3s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu .divider {
    margin: 5px 0 0 0;
    background-color: #dadce0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex {
    display: flex
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .left-col ul li {
    min-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #474444;
    display: flex;
    align-items: center
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .left-col ul li a {
    vertical-align: middle
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .left-col ul li a:hover {
    font-size: 16px;
    font-weight: 400;
    color: #2eb50b;
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .left-col ul li.active a {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .vertical-separator-container-hedear {
    position: relative
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .vertical-separator-container-hedear .vertical-separator-active-hedear {
    border-right: 1px solid #dadce0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .vertical-separator-container-hedear .vertical-separator-active-hedear .indicator-hedear {
    content: "";
    position: absolute;
    top: 0;
    width: 3px;
    height: 40px;
    background-color: #000;
    left: -1px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .buying-motivator {
    padding: 0 5px 20px 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .buying-motivator .title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 3px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .buying-motivator .paragraph {
    font-size: 16px;
    font-weight: 400;
    color: #474444;
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .buying-motivator:hover .title {
    color: #2eb50b;
    transition: color .3s;
    -webkit-transition: color .3s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .isFlex .buying-motivator:hover .paragraph {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .cascading-dinamic-data.overview-container ul {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .cascading-dinamic-data.overview-container ul .buying-motivator {
    width: 100%
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .cascading-dinamic-data.overview-container ul.mega-menu-list.use-cases {
    display: block
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown-menu.cascading-selectable .cascading-dinamic-data.overview-container .mega-menu-spotlight img {
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown .dropdown-menu,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .mega-menu-nav .dropdown-menu {
    opacity: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown.open .dropdown-menu {
    opacity: 1;
    transition: opacity .3s;
    -webkit-transition: opacity .3s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav.open {
    position: static
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav.open .dropdown-menu {
    display: table;
    border-radius: 0;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .mega-menu-nav .spotlight-img img {
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .mega-menu-nav .form-control.mm-input {
    border-radius: 4px;
    height: 70px;
    font-size: 24px;
    font-weight: 400;
    color: #97999b
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .mega-menu-nav .form-control.mm-input:focus {
    color: #72777a;
    border-color: #72777a;
    box-shadow: none
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .mega-menu-nav .form-control-feedback {
    top: 23px;
    right: 15px;
    font-size: 25px;
    position: absolute;
    color: #97999b
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open .dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open .simple-link {
    border-bottom: 5px solid #fff;
    opacity: 1px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav {
    padding-right: 9px;
    padding-left: 9px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-toggle:hover,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .simple-link:hover {
    border-bottom: 5px solid #fff
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.selected-menu-tab:hover,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.selected-menu-tab:hover {
    border-bottom: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.selected-menu-tab a.dropdown-toggle.topnav,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.selected-menu-tab a.simple-link.topnav,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.selected-menu-tab a.dropdown-toggle.topnav,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.selected-menu-tab a.simple-link.topnav {
    border-bottom: 5px solid #fff;
    color: #fff;
    opacity: 1;
    transition: color .3s;
    -webkit-transition: color .3s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.selected-menu-tab a.dropdown-toggle.topnav.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.selected-menu-tab a.dropdown-toggle.topnav.simple-link,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.selected-menu-tab a.simple-link.topnav.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.selected-menu-tab a.simple-link.topnav.simple-link,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.selected-menu-tab a.dropdown-toggle.topnav.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.selected-menu-tab a.dropdown-toggle.topnav.simple-link,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.selected-menu-tab a.simple-link.topnav.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.selected-menu-tab a.simple-link.topnav.simple-link {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown a.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown a.simple-link,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.simple-link {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    padding-right: 6px;
    padding-left: 6px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown a.dropdown-toggle:hover,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown a.simple-link:hover,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.dropdown-toggle:hover,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.simple-link:hover {
    opacity: 1;
    color: #fff;
    transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.open a.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .dropdown.open a.simple-link {
    opacity: 1;
    color: #fff;
    transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown a.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .dropdown a.simple-link,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .mega-menu-nav a.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .mega-menu-nav a.simple-link {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    padding-right: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-nav>.open>a {
    background-color: transparent;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .free-splunk {
    width: auto;
    margin-right: 0;
    margin-top: 7px;
    margin-bottom: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .free-splunk a.btn {
    font-size: 15px;
    min-width: 129px;
    background-color: #0575E6;
    border: 1px solid #0575E6;
    font-weight: 700;
    color: #fff;
    line-height: 100%;
    padding-top: 11px;
    padding-bottom: 12px;
    padding-left: 22px;
    padding-right: 22px;
    border-radius: 24px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .free-splunk a.btn:hover {
    background-color: #e8339b
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav.open .search-icon {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav.open .search-icon:after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 7px 8px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: -25px;
    right: 5px;
    transform: translateX(-50%)
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav.open .search-icon .icon-expanded-search-icon {
    opacity: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav.open .search-icon .icon-expanded-close-btn {
    opacity: 1;
    transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav.open .search-icon .icon-expanded-close-btn:hover {
    color: #fff;
    transition: color .5s;
    -webkit-transition: color .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav .search-icon {
    font-size: 25px;
    opacity: .8
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav .search-icon:hover {
    opacity: 1;
    transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav .search-icon .icon-expanded-close-btn {
    color: rgba(255, 255, 255, .8);
    position: absolute;
    opacity: 0;
    right: 13px;
    font-size: 16px;
    top: 18px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav .search-icon .icon-expanded-search-icon {
    color: rgba(255, 255, 255, .8);
    position: absolute;
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    right: 8px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav .search-icon .icon-expanded-search-icon:hover {
    color: #fff;
    transition: color .5s;
    -webkit-transition: color .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .input-group {
    width: 100%
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .input-group.inJaJp input.jp-nav-search {
    display: block;
    width: 145px;
    height: 34px;
    margin-right: 10px;
    margin-top: 8px;
    padding: 6px 12px;
    padding-right: 30px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    opacity: .6;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .5s, -webkit-box-shadow ease-in-out .5s;
    -o-transition: border-color ease-in-out .5s, box-shadow ease-in-out .5s;
    transition: border-color ease-in-out .5s, box-shadow ease-in-out .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .input-group.inJaJp input.jp-nav-search:focus {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .input-group.inJaJp span {
    top: 18px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .input-group.inJaJp span:before {
    top: 0;
    right: 5px;
    font-size: 15px;
    position: absolute;
    color: #555
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-link {
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    opacity: .8;
    padding-right: 7px;
    padding-left: 8px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-link:hover {
    opacity: 1;
    text-decoration: none;
    transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-link .icon-expanded-user-icon {
    color: #fff;
    position: relative;
    top: 1px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-link .icon-expanded-languages-globe {
    color: #fff;
    position: relative;
    top: 1px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-link .icon-expanded-haru-sp_circle-sites-launchpad {
    color: #fff;
    position: relative;
    top: 1px;
    right: 5px;
    margin-left: 5px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead li.dropdown:last-child,
#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead li.mega-menu-nav:last-child {
    margin-right: 8px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .dropdown.open .cm-dropdown:before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 7px 8px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: 0;
    top: -7px;
    transform: translateX(-50%)
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .dropdown.open .cm-dropdown.cm-sites {
    margin-right: 71px!important
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 7px;
    margin-right: 5px;
    border-radius: 3px;
    border-left: 1px solid #d9d4d4;
    border-right: 1px solid #d9d4d4
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown li:first-child a {
    padding-top: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown li:last-child a {
    padding-bottom: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown a {
    font-size: 14px;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #363c44;
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown a:hover {
    color: #0575E6;
    text-decoration: none;
    background-color: transparent
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown a .link-img {
    font-size: 37px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown .menu-divider {
    border-top: 1px solid #dadce0;
    margin: 7px 20px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.icon-flyout {
    margin-right: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.icon-flyout:before {
    right: -4px!important
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.cm-sites {
    width: 290px;
    padding-left: 12px;
    padding-right: 10px;
    padding-bottom: 2px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.cm-sites a {
    font-size: 13px;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    color: #72777a;
    padding: 0
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.cm-sites a .haru-sp_circle-icon {
    color: #72777a
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.cm-sites a:hover {
    color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.cm-sites a:hover .haru-sp_circle-icon {
    color: #2eb50b;
    transition: color .5s;
    -webkit-transition: color .5s
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.cm-sites .ss-list {
    width: 33.3%;
    float: left;
    text-align: center;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-dropdown.cm-sites .ss-list .link-text {
    display: block;
    padding-top: 3px
}

#haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .free-splunk {
    width: auto
}

@media (min-width:768px) and (max-width:934px) {
    #haru-sp_circle .locale_zh-hans_cn #bs-example-navbar-collapse-1 .navbar-nav.navbar-right:last-child {
        margin-right: -5px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-header-v3 .caret {
        display: none
    }
}

@media (max-width:934px) {
    #haru-sp_circle .navbar-haru-sp_circle-v3 .masthead .navbar-header {
        display: none
    }
    #haru-sp_circle .navbar-haru-sp_circle-v3 .masthead .navbar-left .dropdown a.dropdown-toggle,
    #haru-sp_circle .navbar-haru-sp_circle-v3 .masthead .navbar-left .dropdown a.simple-link,
    #haru-sp_circle .navbar-haru-sp_circle-v3 .masthead .navbar-left .mega-menu-nav a.dropdown-toggle,
    #haru-sp_circle .navbar-haru-sp_circle-v3 .masthead .navbar-left .mega-menu-nav a.simple-link {
        font-size: 13px
    }
    #haru-sp_circle .navbar-haru-sp_circle-v3 .masthead .navbar-left li:first-child a.dropdown-toggle,
    #haru-sp_circle .navbar-haru-sp_circle-v3 .masthead .navbar-left li:first-child a.simple-link {
        padding-left: 0;
        margin-left: -5px
    }
    #haru-sp_circle .navbar-haru-sp_circle-v3 .masthead .navbar-right .free-splunk {
        margin-right: 0
    }
    #haru-sp_circle .navbar-haru-sp_circle-v3 .custom-masthead .navbar-header {
        display: block
    }
    #haru-sp_circle .navbar-haru-sp_circle-v3 .custom-masthead .navbar-header .navbar-brand {
        padding: 5px 10px;
        height: 25px
    }
    #haru-sp_circle .navbar-haru-sp_circle-v3 .custom-masthead .navbar-header .navbar-brand img {
        height: 31px
    }
    #haru-sp_circle .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .cm-link {
        font-size: 12px!important
    }
    #haru-sp_circle .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .navbar-right {
        padding-top: 9px;
        margin-bottom: -3px
    }
    #haru-sp_circle .globalHeader-v2 .haru-sp_circle-header-v3 .navbar-left .mega-menu-nav {
        padding-right: 0
    }
}

@media (min-width:935px) {
    #haru-sp_circle .navbar-haru-sp_circle-v3 .custom-masthead .navbar-header {
        display: none
    }
}

@media (max-width:991px) and (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-header-v3 .navbar-right .mega-menu-nav.open .container {
        width: 90%
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #fff
    }
}

@media (min-width:768px) {
    #haru-sp_circle .navbar-scroll-custom {
        top: -25px;
        -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        -ms-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in
    }
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 {
    border-bottom: 1px solid #474444
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav {
    z-index: 1
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open {
    z-index: 2;
    position: relative!important
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open .dropdown-menu {
    border-left: none;
    border-right: none;
    display: table!important;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu {
    left: -1px!important;
    margin-top: 2px;
    width: auto!important
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu:after {
    content: "";
    clear: both;
    display: block;
    width: 100%
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu .title {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    padding-bottom: 10px;
    text-align: left;
    text-transform: uppercase
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu ul.mega-menu-list {
    width: 127px
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu ul.mega-menu-list li a {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu ul.mega-menu-list li:first-child {
    padding-top: 0
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu ul.mega-menu-list li:last-child {
    padding-bottom: 0
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.dropdown-toggle {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    top: 1px;
    padding-bottom: 15px
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.dropdown-toggle .haru-sp_circle-icon {
    color: #fff;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    font-size: 12px
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open .haru-sp_circle-icon.icon-chevron-down {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .container-fluid.custom-masthead .cm-link {
    opacity: 1
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .dropdown-toggle .haru-sp_circle-icon.icon-chevron-down {
    color: #fff;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    font-size: 10px
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .navbar-haru-sp_circle-v3 .navbar-right .open .haru-sp_circle-icon.icon-chevron-down {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .conf-submenu .column {
    padding: 0 15px;
    border-right: 1px solid #dadce0;
    display: table-cell;
    width: 157px
}

#haru-sp_circle .conf .haru-sp_circle-header-v3 .conf-submenu .column:last-child {
    border-right: none
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        width: auto;
        float: none!important;
        flex: 1
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-left {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: auto;
        float: none!important;
        flex-grow: 1
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-left .mega-menu-nav {
        white-space: nowrap
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-left .mega-menu-nav .mega-menu-heading-description {
        white-space: initial
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-left .mega-menu-nav li {
        white-space: normal
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right.lower-navbar {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: auto;
        float: none!important;
        flex-grow: 0;
        margin-right: 0
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right.lower-navbar .dropdown.mega-menu-nav {
        float: none
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right.lower-navbar .dropdown.mega-menu-nav .dropdown-toggle.search-icon.topnav.topnav-mar19 {
        width: 30px
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right.lower-navbar #topnav-100011 .free-splunk {
        width: auto
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right.lower-navbar li:nth-child(2) {
        float: none
    }
    #haru-sp_circle .haru-sp_circle-header-v3 .container-fluid.masthead #bs-example-navbar-collapse-1 .nav.navbar-nav.navbar-right.lower-navbar li:nth-child(2) .free-splunk {
        width: auto
    }
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile {
    max-height: 100%;
    display: none;
    z-index: 1000;
    overflow: auto;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1036;
    background-color: #000
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-main {
    background-color: #000;
    top: 0;
    width: 100%;
    height: 50px;
    padding: 0 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .logo {
    position: relative;
    top: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .logo img {
    height: 31px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .free-haru-sp_circle-mobile {
    font-size: 14px;
    position: absolute;
    right: 45px;
    top: 0;
    padding: 16px;
    font-weight: 600;
    height: 50px!important;
    background-color: #0575E6;
    color: #fff;
    display: inline-block;
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .hamburger-container {
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 10px;
    cursor: pointer
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .hamburger-container .glyphicon-menu-hamburger,
#haru-sp_circle .haru-sp_circle-header-v3-mobile .hamburger-container .icon-splunkcom-hamburger {
    color: #fff;
    opacity: .8;
    font-size: 26px;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    position: absolute;
    right: 6px;
    top: 12px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .hamburger-container .icon-expanded-close-btn {
    position: absolute;
    right: 12px;
    top: 14px;
    color: #fff;
    opacity: .8;
    font-size: 20px;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .hamburger-container.collapsed .icon-expanded-close-btn {
    opacity: 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .hamburger-container.collapsed .glyphicon-menu-hamburger,
#haru-sp_circle .haru-sp_circle-header-v3-mobile .hamburger-container.collapsed .icon-splunkcom-hamburger {
    opacity: .8
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse {
    position: inherit!important;
    background-color: #000;
    opacity: .98;
    width: 100%;
    max-height: 100%;
    left: 0;
    top: 50px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse a {
    color: #fff;
    opacity: .8;
    cursor: pointer
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .menu-divider {
    border-top: 1px solid #4f4f4f;
    margin: 20px 20px 0 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .search {
    position: relative;
    padding: 15px 10px;
    border-top: 1px solid #4f4f4f;
    border-bottom: 1px solid #4f4f4f
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .search .haru-sp_circle-icon {
    opacity: .8;
    position: absolute;
    right: 23px;
    top: 21px;
    font-size: 20px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .account-items {
    font-size: 14px;
    padding: 15px 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .account-items .haru-sp_circle-icon {
    color: rgba(255, 255, 255, .8);
    position: relative;
    left: 1px;
    top: 1px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .account-items a {
    margin-right: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .account-items a:nth-child(n+2) {
    margin-left: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title {
    font-size: 14px;
    z-index: 1;
    color: #fff;
    padding: 15px 10px;
    cursor: pointer;
    font-weight: 600;
    position: relative
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title .haru-sp_circle-icon {
    position: relative;
    top: 1px;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title a {
    display: block;
    width: 100%;
    height: 100%
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title .glyphicon {
    position: absolute;
    right: 10px;
    top: 15px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title .glyphicon-chevron-down {
    display: none
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title .glyphicon-chevron-up {
    display: inline-block;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title.collapsed {
    color: rgba(255, 255, 255, .8)
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title.collapsed .haru-sp_circle-icon {
    color: rgba(255, 255, 255, .8)
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title.collapsed .glyphicon-chevron-down {
    display: inline-block;
    color: rgba(255, 255, 255, .8)
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title.collapsed .glyphicon-chevron-up {
    display: none
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-title.collapsed .separator-top {
    width: 100%;
    height: 1px;
    background-color: #4f4f4f;
    position: relative;
    top: -15px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .darkened-menu-title {
    text-transform: uppercase;
    background-color: #494a4b
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .darkened-menu-title.collapsed {
    background-color: #000;
    opacity: .98
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .darkened-menu-title .separator-top {
    background: 0 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-list {
    position: relative;
    z-index: 2
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-list .subtitle {
    color: #fff;
    opacity: .8;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    left: -10px;
    padding-top: 20px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-list ul {
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 13px;
    list-style-type: none
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-list ul li {
    padding-top: 10px;
    padding-bottom: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-list ul li:first-child {
    padding-top: 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .generic-menu-list ul li:last-child {
    padding-bottom: 30px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .darkened-menu-list {
    background-color: #494a4b;
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .darkened-menu-list.in {
    margin-bottom: -1px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .separator {
    width: 100%;
    height: 1px;
    background-color: #444;
    position: relative
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .separator-bottom {
    border-bottom: 1px solid #4f4f4f
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .subtitle-inner-accordion.collapsed .control-icon.open-icon.icon-toggle-open {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .subtitle-inner-accordion.collapsed .control-icon.close-icon.icon-toggle-close {
    opacity: 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .subtitle-inner-accordion {
    font-size: 16px;
    color: #fff;
    min-height: 40px;
    padding: 0 10px;
    position: relative;
    display: flex;
    align-items: center;
    opacity: 1;
    font-weight: 600;
    cursor: pointer
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .subtitle-inner-accordion.collapsed {
    font-weight: 400
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .subtitle-inner-accordion .control-icon.open-icon.icon-toggle-open {
    position: absolute;
    font-weight: 600;
    right: 10px;
    top: 10px;
    color: #fff;
    opacity: 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .subtitle-inner-accordion .control-icon.close-icon.icon-toggle-close {
    position: absolute;
    font-weight: 600;
    right: 10px;
    top: 10px;
    color: #fff;
    display: block;
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section ul li {
    opacity: .8
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section ul.buying-motivation-mobile:last-of-type {
    padding-bottom: 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section .buying-motivation-mobile {
    opacity: .8;
    padding-top: 10px;
    padding-bottom: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section .buying-motivation-mobile:hover {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section .buying-motivation-mobile:active {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section .buying-motivation-mobile a {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section .buying-motivation-mobile a .title {
    font-weight: 600;
    font-size: 16px;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section .buying-motivation-mobile a .paragraph {
    font-weight: 400;
    font-size: 12px;
    color: #f7f7f7
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section .subtitle-use-cases-container {
    padding-top: 40px;
    padding-bottom: 40px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .expandable-section .subtitle-use-cases-container li:last-child {
    padding-bottom: 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile .header-collapse .cascading-selectable-mobile .separator-bottom-divider {
    width: 100%;
    height: 1px;
    background-color: #72777a;
    position: relative
}

@media (max-width:767px) {
    #haru-sp_circle #header {
        margin-bottom: 50px
    }
    #haru-sp_circle .haru-sp_circle-header-v3 {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-header-v3-mobile {
        display: block
    }
    #haru-sp_circle .haru-sp_circle-header-landing-page {
        margin-bottom: 0!important
    }
}

#haru-sp_circle .haru-sp_circle-header-v032019 ul {
    list-style-type: none
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav {
    z-index: 1
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.simple-link {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    top: 1px;
    padding-bottom: 15px
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.dropdown-toggle .haru-sp_circle-icon,
#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.simple-link .haru-sp_circle-icon {
    color: #fff;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    font-size: 12px
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.dropdown-toggle:hover,
#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav a.simple-link:hover {
    border-bottom: 5px solid #fff
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open {
    z-index: 2
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open a.dropdown-toggle,
#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open a.simple-link {
    border-bottom: 5px solid #fff
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav.open .haru-sp_circle-icon.icon-chevron-down {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu.dual-section .bottom-section .secondary-columns .multicolumn.first>div {
    padding-right: 0
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu.dual-section .bottom-section .secondary-columns .multicolumn.middle>div {
    padding-left: 0;
    padding-right: 0
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu.dual-section .bottom-section .secondary-columns .multicolumn.last>div {
    padding-left: 0
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu.dual-section .bottom-section .secondary-columns .multicolumn.last ul,
#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-left .mega-menu-nav .dropdown-menu.dual-section .bottom-section .secondary-columns .multicolumn.middle ul {
    padding-left: 15px
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-right .container-fluid.custom-masthead .cm-link {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-right .dropdown-toggle .haru-sp_circle-icon.icon-chevron-down {
    color: #fff;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    font-size: 10px
}

#haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .navbar-right .open .haru-sp_circle-icon.icon-chevron-down {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .navbar-right .cm-dropdown a {
        font-size: 15px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .navbar-right .three-col-dropdown.cm-dropdown {
        padding-top: 20px;
        padding-bottom: 20px;
        min-width: 491px;
        margin-right: -5px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .navbar-right .three-col-dropdown.cm-dropdown ul {
        width: 33%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        border-right: 1px solid #dadce0
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .navbar-right .three-col-dropdown.cm-dropdown ul li {
        padding-bottom: 15px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .navbar-right .three-col-dropdown.cm-dropdown ul:last-child {
        border-right: none
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .container-fluid.custom-masthead .navbar-right .three-col-dropdown.cm-dropdown ul .heading {
        font-size: 12px;
        color: #363c44;
        font-weight: 700
    }
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 {
    background-color: #000;
    border-bottom: 1px solid #474444
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .generic-menu-list ul li:last-child {
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse {
    background-color: transparent
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .account-items {
    color: #fff;
    opacity: .8
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list {
    background-color: #363c44
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list .inner {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list .heading {
    padding-left: 10px;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list ul {
    padding-left: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list ul li {
    font-size: 16px;
    font-weight: 400;
    color: #f7f7f7;
    padding-bottom: 20px;
    padding-top: 0
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list ul li:last-of-type {
    padding-bottom: 40px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list ul li.list-heading {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 15px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list ul li.list-heading a {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-list ul li.list-heading a:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-title {
    background-color: #363c44
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-title.collapsed {
    background-color: transparent
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .header-collapse .darkened-menu-title.collapsed .icon-chevron-up {
    transform: rotate(180deg)
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .collapsed .icon-chevron-up {
    transform: rotate(180deg)
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .inner {
    padding-left: 10px;
    padding-right: 10px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .inner img {
    height: 15px;
    width: 15px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .inner .icon-chevron-up {
    position: absolute;
    right: 20px;
    top: 15px;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger-container {
    padding: 0;
    width: 56px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger {
    transform: scale(.7);
    position: relative;
    opacity: .8;
    top: 1px;
    left: 3px;
    width: 40px;
    height: 40px
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger.is-active:hover,
#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger:hover {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger-inner,
#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger-inner:after,
#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger-inner:before {
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger.is-active .hamburger-inner,
#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger.is-active .hamburger-inner:after,
#haru-sp_circle .haru-sp_circle-header-v3-mobile.haru-sp_circle-header-v032019 .hamburger.is-active .hamburger-inner:before {
    background-color: #fff
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav.open .dropdown-menu.dual-section {
        display: block
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section {
        border: none;
        background-color: rgba(255, 255, 255, .8);
        padding-bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        text-align: left;
        height: 100vh
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .close-icon {
        position: absolute;
        right: 15px;
        opacity: .7;
        transition: opacity .3s linear;
        cursor: pointer
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .close-icon .haru-sp_circle-icon {
        color: #969daa!important
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .close-icon:hover {
        opacity: 1;
        transition: .3s opacity
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .container {
        margin-top: 0;
        margin-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section-container {
        background-color: #fff
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section {
        padding-top: 40px;
        padding-bottom: 25px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .heading-section {
        font-size: 16px;
        padding-bottom: 20px;
        border-bottom: 1px solid #d5dce5
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .heading-section .main-heading {
        font-size: 18px;
        font-weight: 700;
        color: #363c44;
        padding-right: 7px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .heading-section .main-secondary-heading {
        padding-left: 5px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .main-columns {
        padding-top: 40px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .main-columns .heading {
        font-weight: 700;
        font-size: 12px;
        color: #363c44;
        padding-bottom: 10px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .main-columns .heading img {
        margin-right: 3px;
        width: 24px;
        height: 24px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .main-columns .heading:not(:first-child) {
        margin-top: 10px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .main-columns ul {
        padding-left: 26px;
        padding-bottom: 5px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .top-section .main-columns ul li {
        padding-bottom: 15px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #f0f3f7;
        -webkit-box-shadow: 0 12px 8px 0 rgba(0, 0, 0, .3);
        box-shadow: 0 12px 8px 0 rgba(0, 0, 0, .3)
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section .heading {
        font-weight: 700;
        font-size: 18px;
        color: #363c44;
        padding-bottom: 10px;
        border-bottom: 1px solid #d5dce5
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section ul.main-list {
        padding-top: 20px;
        padding-left: 0
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section ul.main-list li {
        padding-bottom: 15px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section ul.special-list {
        padding-left: 0;
        font-size: 16px;
        font-weight: 700
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section ul.special-list li {
        padding-bottom: 15px
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section ul.special-list li a {
        opacity: .8
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section ul.special-list li:hover {
        opacity: 1
    }
    #haru-sp_circle .haru-sp_circle-header-v032019 .navbar-haru-sp_circle-v3 .nav>li.mega-menu-nav .dropdown-menu.dual-section .bottom-section ul.special-list img {
        margin-right: 5px
    }
}

@media (min-width:901px) {
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-right-container {
        display: inline-block;
        text-align: right
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse.in {
        height: inherit!important;
        border: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table {
        width: 100%
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table td:first-child {
        min-width: 578px;
        vertical-align: bottom
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2) {
        text-align: right
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right {
        text-align: right;
        vertical-align: bottom!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li {
        vertical-align: bottom!important;
        float: none!important;
        display: inline-block
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li {
        padding-bottom: 16px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .btn.mobile-download {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header .rightcaret {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .expanded-search {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-header {
        position: absolute;
        bottom: 20px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk {
        max-height: 134px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .mobile-search-box {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a {
        background-color: #6a6e76;
        border-bottom: #6a6e76
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a {
        padding-top: 23px;
        padding-bottom: 23px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon {
        font-size: 18px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret {
        border-top: 0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-bottom: 4px solid
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #6a6e76!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left {
        margin-left: 98px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right {
        margin-right: 0;
        float: none!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu {
        right: -1px;
        min-width: 230px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li {
        float: left;
        width: auto;
        display: inline-block;
        min-width: 115px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn {
        color: #fff;
        font-size: 15px;
        padding-top: 8px;
        height: 35px;
        font-weight: 600!important;
        padding: 8px 10px!important;
        min-width: 121px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul {
        padding: 0
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu {
        background: #6a6e76;
        border: none;
        border-radius: 0;
        background: #414448
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        padding: 0;
        margin: 0
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret {
        display: inline-block;
        height: 0;
        width: 0;
        float: right;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid;
        margin-top: 11px;
        color: #04d8e9;
        margin-right: -12px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block {
        float: left;
        width: 50%
    }
}

@media (max-width:900px) {
    #haru-sp_circle .locale_en_us .navbar-splunk .navbar-collapse.in {
        display: block!important;
        position: absolute!important;
        width: 100%!important;
        height: 80vh!important;
        max-height: 100%!important;
        overflow-x: hidden!important;
        overflow-y: scroll!important;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .container-fluid>.navbar-header {
        margin-left: 0;
        margin-right: 15px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header {
        position: relative
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table {
        width: 100%;
        display: block
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table tbody {
        display: block
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table tr {
        display: block
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-header-table td {
        display: block
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .flexible {
        display: flex
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .haru-sp_circle-search {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .expanded-search {
        z-index: 2;
        width: 100%;
        background-color: #4d5053;
        position: fixed;
        left: 0;
        top: 51px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .expanded-search input {
        position: relative;
        margin: 10px 2% 10px 2%;
        width: 96%;
        color: #000
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk {
        max-height: 100%!important;
        overflow-y: visible!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box {
        float: right;
        font-size: 20px;
        color: #fff;
        margin-right: 10px;
        border-right: 1px solid #3c3b3b;
        position: relative;
        width: 50px;
        height: 50px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a {
        text-decoration: none;
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon {
        color: #f7f7f7;
        position: relative;
        top: 15px;
        left: 14px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle {
        display: block;
        color: #04d8e9
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed {
        background-color: transparent
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search {
        display: block
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand {
        padding: 11px 10px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle {
        padding: 8px 0;
        margin-right: 0;
        border: none!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar {
        background-color: #00d5ff
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar {
        background: #d6d6d6
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse {
        max-height: 100vh!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .haru-sp_circle-search {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav {
        margin: 0 -15px;
        float: none!important;
        margin-top: 0;
        margin-bottom: 0
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu {
        position: static!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child {
        border-bottom: 1px solid #fff
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse.in {
        max-height: 100vh!important;
        overflow-y: scroll
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a {
        background-color: #615f5f
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse li {
        border-bottom: 1px solid #707478;
        background: rgba(45, 52, 57, .98);
        padding-left: 15px;
        padding-right: 15px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a {
        background-color: #615f5f;
        color: #fff
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret {
        border-top: 0;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: 8px solid
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li {
        background: rgba(69, 71, 75, .98);
        text-transform: capitalize
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a {
        font-size: 14px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child {
        display: inline-block
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before {
        content: no-close-quote
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop {
        display: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open {
        background-color: rgba(111, 111, 111, .98)
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li {
        background-color: #615f5f
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a {
        position: relative
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret {
        float: none;
        position: absolute;
        right: 16px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu {
        background-color: #6b6b6b;
        padding: 0;
        float: none;
        position: relative
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li {
        text-transform: capitalize;
        padding-left: 0;
        padding-right: 0;
        text-indent: 8px;
        border-bottom: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu {
        border-bottom: 1px solid #707478
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a {
        color: #04d8e9
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 8px 6px;
        border-color: transparent transparent #04d8e9 transparent
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a {
        background-color: rgba(45, 52, 57, .98)!important;
        color: #f7f7f7
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover {
        color: #04d8e9!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret {
        display: block;
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid;
        margin-top: 5px;
        color: #04d8e9
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul {
        padding-left: 0
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li {
        border-bottom: none;
        text-transform: capitalize
    }
}

@media (max-width:900px) {
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-header {
        float: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-right {
        float: none!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-toggle {
        display: block
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-collapse.collapse {
        display: none!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-nav {
        float: none!important;
        margin-top: 7.5px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-nav>li {
        float: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .collapse.in {
        display: block!important
    }
}

@media (min-width:901px) {
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .dropdown-menu {
        position: absolute;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-collapse.in {
        overflow-y: visible
    }
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_en_us .haru-sp_circle-header .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1091px) {
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-right-container,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-right-container {
        display: inline-block;
        text-align: right
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse.in {
        height: inherit!important;
        border: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table {
        width: 100%
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table td:first-child,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table td:first-child {
        min-width: 665px;
        vertical-align: bottom
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2),
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table td:nth-child(2) {
        text-align: right
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right {
        text-align: right;
        vertical-align: bottom!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right>li {
        vertical-align: bottom!important;
        float: none!important;
        display: inline-block
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table .navbar-right .free-haru-sp_circle-li {
        padding-bottom: 16px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .btn.mobile-download,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .btn.mobile-download {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header .rightcaret,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .caret,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header .rightcaret {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .expanded-search {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-header {
        position: absolute;
        bottom: 20px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk {
        max-height: 134px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .mobile-search-box,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .mobile-search-box {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .open a {
        background-color: #6a6e76;
        border-bottom: #6a6e76
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a {
        padding-top: 23px;
        padding-bottom: 23px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon {
        font-size: 18px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li>a.globe-icon span:first-child {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open>a span.caret {
        border-top: 0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-bottom: 4px solid
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #6a6e76!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-left {
        margin-left: 98px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right {
        margin-right: 0;
        float: none!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu {
        right: -1px;
        min-width: 230px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .dropdown.row-dropdown .dropdown-menu li {
        float: left;
        width: auto;
        display: inline-block;
        min-width: 115px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .free-splunk .btn {
        color: #fff;
        font-size: 15px;
        padding-top: 8px;
        height: 35px;
        font-weight: 600!important;
        padding: 8px 10px!important;
        min-width: 121px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-mobile {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul {
        padding: 0
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu .dropdown-menu {
        background: #6a6e76;
        border: none;
        border-radius: 0;
        background: #414448
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        padding: 0;
        margin: 0
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown-submenu>a>.rightcaret {
        display: inline-block;
        height: 0;
        width: 0;
        float: right;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid;
        margin-top: 11px;
        color: #04d8e9;
        margin-right: -12px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .dropdown-column .dropdown-menu .dropdown-block {
        float: left;
        width: 50%
    }
}

@media (max-width:1090px) {
    #haru-sp_circle .locale_de_de .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_es_es .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_fr_fr .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_it_it .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ja_jp .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ko_kr .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_pt_br .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ru_ru .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_zh-hans_cn .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_zh_tw .navbar-splunk .navbar-collapse.in {
        display: block!important;
        position: absolute!important;
        width: 100%!important;
        height: 80vh!important;
        max-height: 100%!important;
        overflow-x: hidden!important;
        overflow-y: scroll!important;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .container-fluid>.navbar-header,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .container-fluid>.navbar-header {
        margin-left: 0;
        margin-right: 15px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header {
        position: relative
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table {
        width: 100%;
        display: block
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table tbody,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table tbody {
        display: block
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table tr,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table tr {
        display: block
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-header-table td,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-header-table td {
        display: block
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .flexible,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .flexible {
        display: flex
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .haru-sp_circle-search,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .free-splunk,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .haru-sp_circle-search {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .expanded-search,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .expanded-search {
        z-index: 2;
        width: 100%;
        background-color: #4d5053;
        position: fixed;
        left: 0;
        top: 51px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .expanded-search input,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .expanded-search input {
        position: relative;
        margin: 10px 2% 10px 2%;
        width: 96%;
        color: #000
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk {
        max-height: 100%!important;
        overflow-y: visible!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box {
        float: right;
        font-size: 20px;
        color: #fff;
        margin-right: 10px;
        border-right: 1px solid #3c3b3b;
        position: relative;
        width: 50px;
        height: 50px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a {
        text-decoration: none;
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon {
        color: #f7f7f7;
        position: relative;
        top: 15px;
        left: 14px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-search {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a .glyphicon-remove-circle {
        display: block;
        color: #04d8e9
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed {
        background-color: transparent
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-search {
        display: block
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .mobile-search-box>a.collapsed .glyphicon-remove-circle {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-brand {
        padding: 11px 10px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle {
        padding: 8px 0;
        margin-right: 0;
        border: none!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle .icon-bar {
        background-color: #00d5ff
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-header .navbar-toggle.collapsed .icon-bar {
        background: #d6d6d6
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse {
        max-height: 100vh!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav {
        margin: 0 -15px;
        float: none!important;
        margin-top: 0;
        margin-bottom: 0
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav .dropdown-menu {
        position: static!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse li:last-child {
        border-bottom: 1px solid #fff
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse.in,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse.in {
        max-height: 100vh!important;
        overflow-y: scroll
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-nav>li.open a {
        background-color: #615f5f
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse li {
        border-bottom: 1px solid #707478;
        background: rgba(45, 52, 57, .98);
        padding-left: 15px;
        padding-right: 15px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a {
        background-color: #615f5f;
        color: #fff
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse li.open>a .caret {
        border-top: 0;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: 8px solid
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li {
        background: rgba(69, 71, 75, .98);
        text-transform: capitalize
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a {
        font-size: 14px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon span:first-child {
        display: inline-block
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right li a.globe-icon:before {
        content: no-close-quote
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .navbar-right .li-buy-dektop {
        display: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open {
        background-color: rgba(111, 111, 111, .98)
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.open li {
        background-color: #615f5f
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a {
        position: relative
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown a .caret {
        float: none;
        position: absolute;
        right: 16px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu {
        background-color: #6b6b6b;
        padding: 0;
        float: none;
        position: relative
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li {
        text-transform: capitalize;
        padding-left: 0;
        padding-right: 0;
        text-indent: 8px;
        border-bottom: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu {
        border-bottom: 1px solid #707478
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a {
        color: #04d8e9
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu.open>a>.rightcaret {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 8px 6px;
        border-color: transparent transparent #04d8e9 transparent
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a {
        background-color: rgba(45, 52, 57, .98)!important;
        color: #f7f7f7
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a:hover {
        color: #04d8e9!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown .dropdown-menu li.dropdown-submenu>a>.rightcaret {
        display: block;
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid;
        margin-top: 5px;
        color: #04d8e9
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul {
        padding-left: 0
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-splunk .navbar-collapse .dropdown.dropdown-column .dropdown-menu .dropdown-block ul li {
        border-bottom: none;
        text-transform: capitalize
    }
}

@media (max-width:1090px) {
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-header,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-header {
        float: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-right,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-left,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-right {
        float: none!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-toggle,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-toggle {
        display: block
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-fixed-top,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-collapse.collapse {
        display: none!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-nav,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-nav {
        float: none!important;
        margin-top: 7.5px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-nav>li,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-nav>li {
        float: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-nav>li>a,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .collapse.in,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .collapse.in {
        display: block!important
    }
}

@media (min-width:1091px) {
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .dropdown-menu,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .dropdown-menu {
        position: absolute;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-collapse,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-collapse.collapse,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-collapse.in,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-collapse.in {
        overflow-y: visible
    }
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_de_de .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_es_es .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_fr_fr .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_it_it .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_ja_jp .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_ko_kr .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_pt_br .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_ru_ru .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_zh-hans_cn .haru-sp_circle-header .navbar-static-top .navbar-collapse,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-fixed-bottom .navbar-collapse,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-fixed-top .navbar-collapse,
    #haru-sp_circle .locale_zh_tw .haru-sp_circle-header .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

#haru-sp_circle .thin-footer {
    border-top: 1px solid #0064b0
}

#haru-sp_circle .thin-footer ul {
    margin: 0;
    padding: 0
}

#haru-sp_circle .thin-footer h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 18px
}

#haru-sp_circle .thin-footer .fat-footer {
    margin-left: 5%
}

#haru-sp_circle .thin-footer ul.fat-footer-list {
    margin-bottom: 60px
}

#haru-sp_circle .thin-footer ul.fat-footer-list li {
    margin-bottom: 15px
}

#haru-sp_circle .thin-footer ul.fat-footer-list li a {
    color: #dad9d9;
    font-weight: 500;
    font-size: 13px
}

#haru-sp_circle .thin-footer .conf-logo {
    position: relative;
    left: 10px
}

#haru-sp_circle .thin-footer .follow-box {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 18px;
    padding-bottom: 12px
}

#haru-sp_circle .thin-footer .follow-box>a {
    display: inline-block;
    position: relative;
    left: 0
}

#haru-sp_circle .thin-footer .follow-box .follow-us {
    float: right
}

#haru-sp_circle .thin-footer .follow-box .follow-us ul {
    float: none;
    display: inline-block
}

#haru-sp_circle .thin-footer .follow-box .follow-us ul li {
    float: left;
    margin-left: 13px;
    list-style: none
}

#haru-sp_circle .thin-footer .follow-box .follow-us ul li img {
    opacity: .8
}

#haru-sp_circle .thin-footer .follow-box .follow-us ul li img:hover {
    opacity: 1
}

#haru-sp_circle .thin-footer .follow-box .follow-us span {
    font-weight: 800;
    font-size: 14px;
    line-height: 1.2;
    color: #f9f8f8;
    padding-top: 6px;
    vertical-align: top;
    top: 7px;
    position: relative
}

#haru-sp_circle .thin-footer .copyright-links>span {
    float: left
}

#haru-sp_circle .thin-footer .copyright-links ul {
    float: right
}

#haru-sp_circle .thin-footer .copyright-links ul li {
    float: left;
    margin-left: 5px;
    color: rgba(243, 244, 245, .9);
    list-style: none
}

#haru-sp_circle .thin-footer .copyright-links ul li a {
    font-size: 11px;
    padding-right: 6px;
    color: #aaa;
    line-height: 1.6
}

@media (max-width:992px) {
    #haru-sp_circle .fat-footer {
        text-align: left
    }
    #haru-sp_circle .follow-box {
        text-align: left
    }
}

@media (max-width:768px) {
    #haru-sp_circle .thin-footer .follow-box {
        text-align: center;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 20px
    }
    #haru-sp_circle .thin-footer .follow-box .follow-us {
        float: none;
        padding-bottom: 5px;
        border-bottom: 1px solid #dedede;
        margin-bottom: 20px;
        padding-bottom: 20px
    }
    #haru-sp_circle .thin-footer .follow-box .follow-us span {
        display: block;
        padding-top: 0;
        top: 0;
        margin-bottom: 10px
    }
    #haru-sp_circle .thin-footer .follow-box .follow-us li {
        margin-left: 0;
        margin-right: 2% px
    }
    #haru-sp_circle .thin-footer .copyright-links {
        text-align: center;
        width: 288px;
        height: 20px;
        margin: 0 auto
    }
    #haru-sp_circle .thin-footer .copyright-links ul {
        display: inline-block;
        float: none
    }
    #haru-sp_circle .thin-footer .copyright-links ul li {
        display: inline-block
    }
    #haru-sp_circle .thin-footer .copyright-links span {
        width: 100%;
        text-align: center
    }
}

#haru-sp_circle .haru-sp_circle-footer {
    color: #aaa;
    background-color: #2c3338;
    padding-top: 15px;
    font-size: 11px;
    padding-bottom: 15px
}

#haru-sp_circle .haru-sp_circle-footer a {
    color: #aaa
}

#haru-sp_circle .haru-sp_circle-footer a:hover {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-footer .right-side {
    text-align: right
}

#haru-sp_circle .haru-sp_circle-footer .right-side #links ul {
    margin-bottom: 5px
}

#haru-sp_circle .haru-sp_circle-footer .right-side #links ul li {
    display: inline-block;
    border-right: 1px solid #aaa;
    padding-right: 10px;
    margin-left: 10px
}

#haru-sp_circle .haru-sp_circle-footer .right-side #links ul li:last-child {
    border-right: none;
    padding-right: 0
}

@media (max-width:991px) {
    #haru-sp_circle .haru-sp_circle-footer .right-side {
        text-align: center
    }
    #haru-sp_circle .haru-sp_circle-footer .right-side ul {
        text-align: center;
        padding-left: 0
    }
    #haru-sp_circle .haru-sp_circle-footer .right-side #links ul li:nth-child(1) {
        padding-left: 0;
        margin-left: 0
    }
    #haru-sp_circle .haru-sp_circle-footer .follow-us {
        padding-top: 10px;
        padding-bottom: 17px
    }
    #haru-sp_circle .haru-sp_circle-footer .logo-separator {
        padding-bottom: 15px
    }
}

#haru-sp_circle .editor-footer {
    border: 3px solid #00f
}

#haru-sp_circle .editor-footer .editor-footer-text {
    text-align: center;
    font-weight: 700;
    color: #00f
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer {
    background: #2c3338;
    padding-top: 83px;
    padding-bottom: 0
}

#haru-sp_circle .conf .haru-sp_circle-footer.fat-footer {
    background: #000
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-heading {
    display: block
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-heading,
#haru-sp_circle .haru-sp_circle-footer.fat-footer h3 {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding-top: 27px;
    padding-bottom: 16px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-heading:first-child,
#haru-sp_circle .haru-sp_circle-footer.fat-footer h3:first-child {
    padding-top: 0
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-heading:hover,
#haru-sp_circle .haru-sp_circle-footer.fat-footer h3:hover {
    color: #02befc;
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer ul {
    margin: 0;
    padding: 0
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer ul li {
    list-style: none
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links {
    display: none;
    font-size: 13px;
    line-height: 1.2;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links .col-lg-2 {
    padding-left: 42px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links .col-lg-2:last-child li:first-child {
    white-space: normal;
    padding-right: 19px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links nav>ul>li>a:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links a {
    color: #f3f4f5
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links a:hover {
    color: #00d5ff
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links li {
    padding-bottom: 18px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links>div>a:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links {
    padding-top: 14px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links ul {
    float: right
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links ul li {
    float: left;
    list-style: none;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 5px;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links ul li:last-child a {
    padding-right: 0
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links ul li a {
    padding-right: 6px;
    color: rgba(243, 244, 245, .6)
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links span {
    color: #f3f4f5;
    font-size: 12px;
    line-height: 1.2;
    color: rgba(243, 244, 245, .6)
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links>span {
    display: inline-block;
    line-height: 1.5
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links sup {
    color: #fff;
    font-weight: 800
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links a {
    color: #f3f4f5
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us ul {
    float: left
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us li {
    margin-right: 17px;
    list-style: none;
    float: left
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us li a {
    width: 22px;
    height: 22px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us li a.icon-facebook {
    background-position: -21px 0
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us li a.icon-tweeter {
    background-position: -45px 0
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us img {
    opacity: .8
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us img:hover {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us span {
    display: inline-block;
    font-weight: 800;
    font-size: 14px;
    line-height: 1.2;
    color: #f9f8f8;
    padding: 5px 10px
}

#haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-box {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 12px
}

@media (min-width:768px) and (max-width:991px) {
    #haru-sp_circle .haru-sp_circle-footer.fat-footer {
        padding-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .container {
        padding-left: 0;
        padding-right: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer>.container>.row {
        margin: 0;
        width: 100%
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-section {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links {
        text-align: center;
        overflow: hidden
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links ul {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-box {
        text-align: center;
        border: none;
        margin-bottom: 18px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us {
        width: 100%;
        text-align: center;
        float: none;
        padding-top: 10px;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us ul {
        float: none;
        display: inline-block;
        top: 8px;
        position: relative;
        left: 6px
    }
}

@media (min-width:992px) {
    #haru-sp_circle .haru-sp_circle-footer.fat-footer {
        padding-bottom: 15px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .logo-separator {
        margin-bottom: 18px;
        padding-bottom: 12px;
        border-bottom: 1px solid #d5d5d5
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-section .follow-box,
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-section .follow-us {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-section .follow-us {
        padding-top: 5px;
        float: right
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-section .follow-us h3 {
        display: inline-block;
        float: left;
        margin-right: 15px;
        padding-top: 7px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer li {
        list-style: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .container {
        padding-left: 0;
        padding-right: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-heading,
    #haru-sp_circle .haru-sp_circle-footer.fat-footer h3 {
        padding-bottom: 16px;
        padding-top: 30px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-heading:first-child,
    #haru-sp_circle .haru-sp_circle-footer.fat-footer h3:first-child {
        padding-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links {
        display: block
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links li a {
        color: #dad9d9
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links li a:hover {
        text-decoration: underline
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links .col-lg-2 {
        padding-left: 42px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links .col-lg-2:last-child li:first-child {
        white-space: normal;
        padding-right: 19px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-box {
        border-bottom: 1px solid #d5d5d5
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-box .follow-us li {
        margin-left: 13px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-box .follow-us span {
        display: inline-block;
        font-weight: 800;
        font-size: 14px;
        line-height: 1.2;
        color: #f9f8f8;
        padding-top: 6px;
        vertical-align: top
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-section {
        padding-top: 20px
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer .copyright-section {
        padding-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links {
        text-align: left
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links li {
        margin-left: 5px;
        color: rgba(243, 244, 245, .6)
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links li:last-child a {
        padding-right: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links a {
        color: #f3f4f5;
        line-height: 1.6
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links a:hover {
        text-decoration: underline
    }
}

@media (max-width:991px) {
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .hidden-lg {
        background-color: #2c3338;
        padding-top: 20px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .hidden-lg .col-xs-6 {
        text-align: center
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .hidden-lg .col-xs-6 .footer-heading-mobile {
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        line-height: 1.2;
        padding-bottom: 16px;
        text-align: center;
        text-transform: uppercase
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .hidden-lg .col-xs-6 .footer-heading-mobile a {
        color: #fff
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .hidden-lg .col-xs-6 .footer-heading-mobile a:hover {
        color: #fff
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .logo-separator {
        padding-bottom: 0;
        text-align: center
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .logo-separator .follow-us {
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 25px;
        margin-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .logo-separator+.copyright-links {
        padding-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links {
        border-top: none;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links>span {
        float: none
    }
}

@media (max-width:767px) {
    #haru-sp_circle .haru-sp_circle-footer.fat-footer {
        padding-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .container {
        padding-left: 0;
        padding-right: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .footer-links {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-section {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links {
        width: 100%;
        height: auto;
        padding: 15px;
        text-align: center
    }
    #haru-sp_circle .copyright-section .haru-sp_circle-footer.fat-footer .copyright-links {
        border-top: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .copyright-links ul {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-box {
        text-align: center;
        border-bottom: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-box>a>img {
        top: 6px;
        position: relative
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us {
        width: 100%;
        text-align: center;
        float: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us ul {
        float: none;
        display: inline-block;
        top: 6px;
        position: relative
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us ul li {
        height: 27px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us ul li a {
        margin-top: 2px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer .follow-us ul li:last-child {
        margin-right: 0
    }
}

#haru-sp_circle .haru-sp_circle-site-logo {
    background-image: url(//splunk.com/content/dam/splunk2/images/icons/haru-sp_circle-sites-icons-spritesheet.png);
    background-position: 0 1px;
    background-repeat: no-repeat;
    width: 25px;
    height: 30px;
    display: inline-block;
    position: relative;
    margin-top: -11px;
    top: 11px;
    margin-right: 3px
}

#haru-sp_circle .haru-sp_circle-site-logo.developers {
    background-position: 0 -36px
}

#haru-sp_circle .haru-sp_circle-site-logo.developers {
    background-position: 0 -36px
}

#haru-sp_circle .haru-sp_circle-site-logo.docs {
    background-position: 0 -68px
}

#haru-sp_circle .haru-sp_circle-site-logo.community {
    background-position: 0 -104px
}

#haru-sp_circle .haru-sp_circle-site-logo.conf {
    background-position: 0 -139px
}

#haru-sp_circle .haru-sp_circle-site-logo.splunkstore {
    background-position: 0 -175px
}

#haru-sp_circle .haru-sp_circle-site-logo.splunkbase {
    background-position: 0 -210px
}

#haru-sp_circle .haru-sp_circle-site-logo.splunklive {
    background-position: 0 -245px
}

#haru-sp_circle .haru-sp_circle-site-logo.support {
    background-position: 0 -282px
}

#haru-sp_circle .haru-sp_circle-site-logo.usergroups {
    background-position: 0 -322px
}

#haru-sp_circle .simple-infobox {
    border: 1px solid #c6cacd;
    border-radius: 2px;
    padding: 20px;
    background-color: #fff
}

#haru-sp_circle .simple-infobox a {
    color: #09c
}

#haru-sp_circle .simple-infobox h3 {
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 17px;
    font-size: 24px;
    color: #2d2d2d
}

#haru-sp_circle .simple-infobox ul {
    color: #474444;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

#haru-sp_circle .simple-infobox ul li {
    margin-bottom: 15px
}

#haru-sp_circle .simple-infobox ul li:last-child {
    margin-bottom: 0
}

#haru-sp_circle .simple-infobox .rte {
    margin-bottom: 20px
}

#haru-sp_circle .simple-infobox.margin-bottom {
    margin-bottom: 20px
}

#haru-sp_circle .simple-infobox .popover h3 {
    margin-bottom: 0
}

#haru-sp_circle .simple-infobox a:focus {
    outline: 0
}

@media (min-width:992px) {
    #haru-sp_circle .simple-infobox h3 {
        margin-bottom: 23px
    }
}

@media (max-width:767px) {
    #haru-sp_circle .simple-infobox {
        margin-left: 10px;
        margin-right: 10px
    }
    #haru-sp_circle .simple-infobox h3 {
        font-size: 21px
    }
    #haru-sp_circle .simple-infobox ul li {
        font-size: 15px
    }
}

@font-face {
    font-family: icomoon;
    src: url(../haru-sp_circle-core/source/fonts/icomoon/icomoon.eot);
    src: url(../haru-sp_circle-core/source/fonts/icomoon/icomoon.eot) format('embedded-opentype'), url(../haru-sp_circle-core/source/fonts/icomoon/icomoon.ttf) format('truetype'), url(../haru-sp_circle-core/source/fonts/icomoon/icomoon.woff) format('woff'), url(../haru-sp_circle-core/source/fonts/icomoon/icomoon.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#haru-sp_circle .icon-cie-communications:before {
    content: "\e942"
}

#haru-sp_circle .icon-cie-healthcare:before {
    content: "\e943"
}

#haru-sp_circle .icon-cie-online-services:before {
    content: "\e944"
}

#haru-sp_circle .icon-cie-others:before {
    content: "\e945"
}

#haru-sp_circle .icon-finance:before {
    content: "\e933"
}

#haru-sp_circle .icon-jp-yen:before {
    content: "\e934"
}

#haru-sp_circle .icon-manufacturing:before {
    content: "\e935"
}

#haru-sp_circle .icon-users-medium:before {
    content: "\e936"
}

#haru-sp_circle .icon-public-sector:before {
    content: "\e937"
}

#haru-sp_circle .icon-retail:before {
    content: "\e938"
}

#haru-sp_circle .icon-users-small:before {
    content: "\e939"
}

#haru-sp_circle .icon-transportation:before {
    content: "\e93a"
}

#haru-sp_circle .icon-uk-pound:before {
    content: "\e93b"
}

#haru-sp_circle .icon-us-dollar:before {
    content: "\e93c"
}

#haru-sp_circle .icon-euro:before {
    content: "\e93d"
}

#haru-sp_circle .icon-commercial:before {
    content: "\e93e"
}

#haru-sp_circle .icon-users-big:before {
    content: "\e93f"
}

#haru-sp_circle .icon-expanded-haru-sp_circle-facebook:before {
    content: "\e929"
}

#haru-sp_circle .icon-expanded-haru-sp_circle-googleplus:before {
    content: "\e92a"
}

#haru-sp_circle .icon-expanded-haru-sp_circle-instagram:before {
    content: "\e92b"
}

#haru-sp_circle .icon-expanded-haru-sp_circle-linkedIn:before {
    content: "\e92c"
}

#haru-sp_circle .icon-expanded-haru-sp_circle-twitter:before {
    content: "\e92d"
}

#haru-sp_circle .icon-expanded-haru-sp_circle-youtube:before {
    content: "\e92e"
}

#haru-sp_circle .icon-toggle-close:before {
    content: "\e940"
}

#haru-sp_circle .icon-toggle-open:before {
    content: "\e941"
}

#haru-sp_circle .icon-expanded-splunktv:before {
    content: "\e932"
}

#haru-sp_circle .icon-expanded-splunkcom:before {
    content: "\e92f"
}

#haru-sp_circle .icon-expanded-support:before {
    content: "\e930"
}

#haru-sp_circle .icon-expanded-training:before {
    content: "\e931"
}

#haru-sp_circle .icon-splunkcom-hamburger:before {
    content: "\e928";
    color: #fff
}

#haru-sp_circle .icon-expanded-close-btn:before {
    content: "\e922"
}

#haru-sp_circle .icon-expanded-languages-globe:before {
    content: "\e923"
}

#haru-sp_circle .icon-expanded-search-icon:before {
    content: "\e924"
}

#haru-sp_circle .icon-expanded-haru-sp_circle-logo:before {
    content: "\e925"
}

#haru-sp_circle .icon-expanded-haru-sp_circle-sites-launchpad:before {
    content: "\e926"
}

#haru-sp_circle .icon-expanded-user-icon:before {
    content: "\e927"
}

#haru-sp_circle .icon-expanded-answers:before {
    content: "\e919"
}

#haru-sp_circle .icon-expanded-blogs:before {
    content: "\e91a"
}

#haru-sp_circle .icon-expanded-community:before {
    content: "\e91b"
}

#haru-sp_circle .icon-expanded-conf:before {
    content: "\e91c"
}

#haru-sp_circle .icon-expanded-dev:before {
    content: "\e91d"
}

#haru-sp_circle .icon-expanded-docs:before {
    content: "\e91e"
}

#haru-sp_circle .icon-expanded-splunkbase:before {
    content: "\e91f"
}

#haru-sp_circle .icon-expanded-splunklive:before {
    content: "\e920"
}

#haru-sp_circle .icon-expanded-usergroups:before {
    content: "\e921"
}

#haru-sp_circle .icon-haru-sp_circle-events-icon:before {
    content: "\e917"
}

#haru-sp_circle .icon-haru-sp_circle-blogs-icon:before {
    content: "\e918"
}

#haru-sp_circle .icon-haru-sp_circle-bookmark:before {
    content: "\e903"
}

#haru-sp_circle .icon-haru-sp_circle-newspaper:before {
    content: "\e904"
}

#haru-sp_circle .icon-haru-sp_circle-pdf:before {
    content: "\e905"
}

#haru-sp_circle .icon-haru-sp_circle-video:before {
    content: "\e906"
}

#haru-sp_circle .icon-arrow-right:before {
    content: "\e907"
}

#haru-sp_circle .icon-arrow-left:before {
    content: "\e908"
}

#haru-sp_circle .icon-plus-circle:before {
    content: "\e909"
}

#haru-sp_circle .icon-minus-circle:before {
    content: "\e90a"
}

#haru-sp_circle .icon-check:before {
    content: "\e90b"
}

#haru-sp_circle .icon-question-circle:before {
    content: "\e90c"
}

#haru-sp_circle .icon-chevron-down:before {
    content: "\e90d"
}

#haru-sp_circle .icon-chevron-up:before {
    content: "\e90e"
}

#haru-sp_circle .icon-check-circle:before {
    content: "\e90f"
}

#haru-sp_circle .icon-cloud:before {
    content: "\e910"
}

#haru-sp_circle .icon-download:before {
    content: "\e911"
}

#haru-sp_circle .icon-envelope:before {
    content: "\e912"
}

#haru-sp_circle .icon-haru-sp_circle-home:before {
    content: "\e913"
}

#haru-sp_circle .icon-print:before {
    content: "\e914"
}

#haru-sp_circle .icon-close:before {
    content: "\e915"
}

#haru-sp_circle .icon-film:before {
    content: "\e916"
}

#haru-sp_circle .icon-social-facebook-circular:before {
    content: "\e900"
}

#haru-sp_circle .icon-social-twitter-circular:before {
    content: "\e901"
}

#haru-sp_circle .icon-social-linkedin-circular:before {
    content: "\e902"
}

#haru-sp_circle .haru-sp_circle-footer-v2 {
    text-align: left;
    border-top: none!important;
    padding-top: 0!important;
    position: relative
}

#haru-sp_circle .haru-sp_circle-footer-v2 a {
    -webkit-transition: color .5s, opacity .5s;
    transition: color .5s, opacity .5s
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-top-gradient {
    height: 5px;
    width: vw;
    top: 5px;
    margin-top: -5px;
    background: red;
    background: -webkit-linear-gradient(left, #29afe2, #00356b);
    background: -o-linear-gradient(right, #29afe2, #00356b);
    background: -moz-linear-gradient(right, #29afe2, #00356b);
    background: linear-gradient(to right, #29afe2, #00356b)
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 {
    font-size: 13px;
    line-height: 1.2;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 a {
    font-size: 13px;
    text-decoration: none;
    font-weight: 400;
    color: #fff;
    opacity: .8;
    -webkit-transition: color .5s, opacity .5s;
    transition: color .5s, opacity .5s
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 a:hover {
    color: #fff!important;
    text-decoration: underline;
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 .haru-sp_circle-icon {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 4px;
    -webkit-transition: color .5s, opacity .5s;
    transition: color .5s, opacity .5s
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 nav>ul>li>a:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 a {
    -webkit-transition: color .5s, opacity .5s;
    transition: color .5s, opacity .5s;
    color: #f3f4f5
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 a:hover {
    color: #00d5ff
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 li {
    padding-bottom: 18px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2>div>a:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-links-v2 .footer-label {
    color: #f3f4f5;
    opacity: .8
}

#haru-sp_circle .conf .haru-sp_circle-footer-v2 .haru-sp_circle-sites nav .ul-bottom-padding {
    padding-bottom: 0!important
}

#haru-sp_circle .conf .haru-sp_circle-footer-v2 .haru-sp_circle-sites nav .ul-bottom-padding li:last-child {
    padding-bottom: 0
}

#haru-sp_circle .haru-sp_circle-footer-v2 .haru-sp_circle-sites li>span {
    position: relative;
    display: inline-block
}

#haru-sp_circle .haru-sp_circle-footer-v2 .follow-us h3 {
    font-weight: 400
}

#haru-sp_circle .haru-sp_circle-footer-v2 .follow-us h3:hover {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-footer-v2 .responsive-footer h3 {
    font-weight: 400
}

#haru-sp_circle .haru-sp_circle-footer-v2 .responsive-footer h3 a {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer-v2 .responsive-footer h3 a:hover {
    color: #00a9e0!important
}

#haru-sp_circle .haru-sp_circle-footer-v2 .main-blocks ul li {
    text-align: left
}

#haru-sp_circle .haru-sp_circle-footer-v2 .blue-icon {
    margin-right: 10px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .icon-links {
    border-top: 1px solid #65696c
}

#haru-sp_circle .haru-sp_circle-footer-v2 .icon-links .footer-logo {
    margin-right: 5px;
    display: inline-block;
    height: 30px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .icon-links .logo-link {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer-v2 .icon-links .haru-sp_circle-icon {
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 4px;
    -webkit-transition: color .5s, opacity .5s;
    transition: color .5s, opacity .5s
}

#haru-sp_circle .conf .haru-sp_circle-footer-v2 .icon-links .haru-sp_circle-icon {
    top: 0
}

#haru-sp_circle .haru-sp_circle-footer-v2 .bottom-footer-block-container {
    padding-top: 20px;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block-container {
    padding-top: 60px;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block-container a .special-icons {
    background: url(https://www.splunk.com/content/dam/splunk2/images/blogs/blue-icons/footer-icons.png) no-repeat;
    display: inline-block;
    width: 32px;
    height: 30px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block-container a .special-icons.news-icon {
    position: absolute;
    left: 1px;
    top: -4px;
    background-position: -354px -26px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block-container a .special-icons.blogs-icon {
    position: absolute;
    left: 1px;
    top: -4px;
    background-position: -354px -26px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block-container a .special-icons.calendar-icon {
    position: absolute;
    left: 1px;
    top: -4px;
    background-position: -352px 3px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block-container a:hover .calendar-icon {
    position: absolute;
    left: 1px;
    top: -4px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block-container a:hover .news-icon {
    position: absolute;
    left: 1px;
    top: -4px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block-container a:hover .blogs-icon {
    position: absolute;
    left: 1px;
    top: -4px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block {
    display: inline-block;
    position: relative;
    margin-right: 25px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block a {
    font-size: 15px;
    line-height: 140%
}

#haru-sp_circle .haru-sp_circle-footer-v2 .top-footer-block a:hover {
    color: #00a9e0;
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-line-separator {
    background-color: #65696c;
    display: inline-block;
    height: 1px;
    width: 100%;
    left: 0;
    position: absolute;
    top: 10px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .ul-bottom-padding {
    padding-bottom: 25px!important
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-category-title,
#haru-sp_circle .haru-sp_circle-footer-v2 button.footer-category-title {
    text-align: left;
    background: 0 0;
    border: none;
    padding-left: 0;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-category-title:active,
#haru-sp_circle .haru-sp_circle-footer-v2 .footer-category-title:focus,
#haru-sp_circle .haru-sp_circle-footer-v2 button.footer-category-title:active,
#haru-sp_circle .haru-sp_circle-footer-v2 button.footer-category-title:focus {
    outline: 0
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-category-title:hover,
#haru-sp_circle .haru-sp_circle-footer-v2 button.footer-category-title:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-footer-v2 .footer-category-title .haru-sp_circle-icon,
#haru-sp_circle .haru-sp_circle-footer-v2 button.footer-category-title .haru-sp_circle-icon {
    color: #999;
    font-size: 11px;
    margin-left: 5px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .social-icons {
    text-align: right
}

#haru-sp_circle .haru-sp_circle-footer-v2 .social-icons a {
    opacity: .8;
    transition: opacity .5s
}

#haru-sp_circle .haru-sp_circle-footer-v2 .social-icons a:hover {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-footer-v2 .social-icons:after {
    content: ' ';
    display: block;
    clear: both
}

#haru-sp_circle .haru-sp_circle-footer-v2 .social-icons .haru-sp_circle-icon {
    font-size: 28px;
    margin-left: 7px;
    display: inline-block
}

#haru-sp_circle .haru-sp_circle-footer-v2 .map-links {
    padding-top: 20px!important;
    border-top: 1px solid #65696c
}

#haru-sp_circle .conf .haru-sp_circle-footer-v2 .map-links {
    padding-top: 0!important
}

#haru-sp_circle .haru-sp_circle-footer-v2 .map-links .footer-logo {
    display: inline-block;
    margin-right: 20px;
    height: 30px
}

#haru-sp_circle .haru-sp_circle-footer-v2 .map-links ul {
    padding-top: 10px;
    display: inline-block;
    margin-top: 10px
}

#haru-sp_circle .conf .haru-sp_circle-footer-v2 .map-links ul {
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-footer-v2 .map-links ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 5px;
    padding-bottom: 20px
}

#haru-sp_circle .conf .haru-sp_circle-footer-v2 .map-links ul li:first-child {
    margin-left: 0
}

#haru-sp_circle .haru-sp_circle-footer-v2 .map-links ul li a {
    margin-right: 5px
}

#haru-sp_circle .fat-footer {
    border-top: none;
    padding-top: 0
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .collapse {
        display: block;
        visibility: visible;
        height: auto!important
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .footer-category-title:hover {
        cursor: default
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .footer-category-title .haru-sp_circle-icon {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks {
        padding-top: 50px;
        padding-bottom: 50px
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks {
        padding-top: 80px;
        padding-bottom: 80px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .map-links .copyright {
        float: right;
        top: 10px;
        position: relative
    }
}

@media (max-width:800px) {
    #haru-sp_circle .haru-sp_circle-footer-v2 .map-links ul {
        display: block;
        text-align: center
    }
    #haru-sp_circle .conf .haru-sp_circle-footer-v2 .map-links ul {
        display: inline-block
    }
    #haru-sp_circle .conf .haru-sp_circle-footer-v2 .map-links ul li:first-child {
        margin-left: 0
    }
}

#haru-sp_circle .haru-sp_circle-footer-v2 .map-links ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 5px;
    padding-bottom: 20px
}

@media (max-width:767px) {
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container {
        padding-left: 15px;
        padding-right: 15px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .footer-line-separator {
        top: -5px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .top-footer-block-container {
        padding-top: 30px;
        text-align: justify
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .top-footer-block-container .top-footer-block:last-child {
        margin-right: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .top-footer-block-container:after {
        display: inline-block;
        width: 100%;
        content: ''
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .top-footer-block-container.social-icons {
        padding-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .top-footer-block-container.social-icons a:first-child span {
        margin-left: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks {
        padding-top: 5px
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks {
        padding-top: 0
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks:first-child button {
        padding-top: 25px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks .footer-category-title:hover {
        cursor: pointer
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks .footer-category-title .icon-chevron-up {
        display: inline-block;
        color: #fff
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks .footer-category-title .icon-chevron-down {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks .footer-category-title.collapsed .icon-chevron-down {
        color: #999;
        display: inline-block
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .main-blocks .footer-category-title.collapsed .icon-chevron-up {
        display: none
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .bottom-footer-block-container {
        padding-bottom: 0;
        text-align: center
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .social-icons {
        display: flex;
        justify-content: space-between
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .social-icons:after {
        display: none
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .icon-links {
        border-top: none
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .haru-sp_circle-sites nav .ul-bottom-padding {
        padding-bottom: 25px!important
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .haru-sp_circle-sites nav .ul-bottom-padding li:last-child {
        padding-bottom: 18px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .map-links {
        padding-top: 25px;
        text-align: center;
        border-top: 1px solid #65696c
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .map-links {
        border-top: none
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .map-links .copyright {
        margin-top: 25px;
        float: none;
        display: block
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .map-links ul {
        margin-top: 25px;
        display: block
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .map-links ul {
        margin-top: 20px;
        padding-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .map-links ul li {
        padding-bottom: 5px
    }
    #haru-sp_circle .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .copyright-section {
        border-top: none
    }
    #haru-sp_circle .conf .haru-sp_circle-footer.fat-footer.haru-sp_circle-footer-v2 .container .copyright-section {
        border-top: 1px solid #65696c
    }
}

@media (min-width:768px) and (max-width:991px) {
    #haru-sp_circle .haru-sp_circle-footer-v2.haru-sp_circle-footer .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

#haru-sp_circle .haru-sp_circle-footer-v2019 {
    background: #0c1724;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .main-content {
    padding: 40px 0
}

#haru-sp_circle .haru-sp_circle-footer-v2019 a {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-footer-v2019 a:active,
#haru-sp_circle .haru-sp_circle-footer-v2019 a:hover {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-footer-v2019 a:active .icon-chevron-up,
#haru-sp_circle .haru-sp_circle-footer-v2019 a:hover .icon-chevron-up {
    top: 0;
    opacity: 1;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-footer-v2019 a .icon-chevron-up {
    transition: all .3s linear;
    position: relative;
    top: 2px;
    margin-left: 5px;
    font-size: 11px;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-footer-v2019 a .icon-chevron-up:active {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-footer-v2019 a.collapsed .icon-chevron-up {
    opacity: .8;
    top: 2px;
    transform: rotate(180deg)
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-title {
    font-size: 14px;
    font-weight: 700
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-items {
    font-size: 14px
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-items ul {
    padding-left: 0
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-social {
    padding-top: 20px;
    border-top: 1px solid #656c76;
    padding-bottom: 10px;
    text-align: center;
    font-size: 30px
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-social .the-flexbox {
    display: flex;
    justify-content: space-evenly
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-social .the-flexbox [class*=icon-] {
    width: auto;
    display: inline;
    background-image: none
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-social a,
#haru-sp_circle .haru-sp_circle-footer-v2019 .the-social a .haru-sp_circle-icon {
    color: #fff;
    opacity: .8;
    transition: color .5s, opacity .5s
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-social a .haru-sp_circle-icon:hover,
#haru-sp_circle .haru-sp_circle-footer-v2019 .the-social a:hover {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-logo {
    padding-bottom: 20px;
    border-bottom: 1px solid #656c76;
    text-align: center
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .the-logo .logo img {
    height: 30px
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .copyright-content {
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .copyright-content .the-links {
    text-align: center;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-footer-v2019 .copyright-content .the-copyright {
    color: #656c76
}

@media (max-width:767px) {
    #haru-sp_circle .haru-sp_circle-footer-v2019 {
        padding-left: 10px;
        padding-right: 10px
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-title a.is-clickable-title {
        cursor: pointer;
        text-decoration: none
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items ul li {
        padding-top: 20px
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items ul li.hidden-sm {
        padding-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items ul li a {
        font-size: 14px;
        opacity: .8;
        line-height: 18px;
        transition: opacity .3s linear
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items ul li a:hover {
        opacity: 1;
        text-decoration: underline
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .container .row>div .footer-column>div {
        margin-top: 20px
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .container .row>div:first-child .footer-column>div:first-child {
        margin-top: 0
    }
    footer .container {
        width: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    #haru-sp_circle .haru-sp_circle-footer-v2019 .container {
        width: 750px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-footer-v2019 {
        padding: 0
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content {
        padding: 80px 0
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .title {
        margin-top: 40px
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing:first-of-type,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .title:first-of-type {
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .the-title,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .title .the-title {
        padding-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .the-title a,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .title .the-title a {
        cursor: default;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .the-title a:hover,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .title .the-title a:hover {
        text-decoration: none
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .the-title a.is-clickable-title,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .title .the-title a.is-clickable-title {
        cursor: pointer
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .the-title a.is-clickable-title:hover,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .title .the-title a.is-clickable-title:hover {
        text-decoration: underline
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .the-title a .haru-sp_circle-icon.icon-chevron-up,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .title .the-title a .haru-sp_circle-icon.icon-chevron-up {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items.collapse {
        display: block;
        visibility: visible
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items ul {
        list-style-type: none
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items ul li {
        margin-top: 15px;
        padding-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items ul li a {
        font-size: 14px;
        opacity: .8;
        line-height: 18px;
        transition: opacity .3s linear
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .main-content .footer-column .listing .footer-list .the-items ul li a:hover {
        opacity: 1;
        text-decoration: underline
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .base-content {
        padding-top: 0;
        margin-left: 15px;
        margin-right: 15px
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .base-content .footer-white-borders {
        padding: 20px 0;
        border-top: 1px solid #656c76;
        border-bottom: 1px solid #656c76
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .base-content .the-logo,
    #haru-sp_circle .haru-sp_circle-footer-v2019 .base-content .the-social {
        border-top: none;
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .base-content .the-logo {
        text-align: left
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .base-content .the-social {
        text-align: right
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .base-content .the-social a:hover {
        text-decoration: none
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .base-content .the-social .the-flexbox {
        display: block
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .copyright-content {
        margin-left: 15px;
        margin-right: 15px
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .copyright-content .the-links {
        text-align: left
    }
    #haru-sp_circle .haru-sp_circle-footer-v2019 .copyright-content .the-small-copyright {
        text-align: right
    }
}

#haru-sp_circle #kss-node .kss-section {
    max-width: inherit
}

#haru-sp_circle .haru-sp_circle-carousel {
    text-align: center
}

#haru-sp_circle .haru-sp_circle-carousel .carousel-inner {
    height: 100%
}

#haru-sp_circle .haru-sp_circle-carousel .carousel-inner .item {
    height: 100%
}

#haru-sp_circle .haru-sp_circle-carousel .outer-container {
    min-height: 500px;
    background-position: center center;
    background-size: cover;
    height: 100%
}

#haru-sp_circle .haru-sp_circle-carousel .inverted h1 {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-carousel .inverted h2 {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-carousel .inverted .lead {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-carousel .carousel-control {
    display: block
}

#haru-sp_circle .haru-sp_circle-carousel .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

#haru-sp_circle .haru-sp_circle-carousel .carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #d5dce5;
    border-radius: 10px;
    cursor: pointer;
    background-color: #fff;
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle-carousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
    background-color: #65a637;
    border: 1px solid #197301
}

#haru-sp_circle .haru-sp_circle-hero-carousel {
    text-align: center
}

#haru-sp_circle .haru-sp_circle-hero-carousel img {
    max-width: 100%;
    height: auto
}

#haru-sp_circle .haru-sp_circle-hero-carousel .carousel-inner {
    height: 100%
}

#haru-sp_circle .haru-sp_circle-hero-carousel .carousel-inner .item {
    height: 100%
}

#haru-sp_circle .haru-sp_circle-hero-carousel .outer-container {
    min-height: 500px;
    background-position: center center;
    background-size: cover;
    height: 100%
}

#haru-sp_circle .haru-sp_circle-hero-carousel .inverted h1 {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-hero-carousel .inverted h2 {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-hero-carousel .inverted .lead {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-hero-carousel .carousel-control {
    display: block
}

#haru-sp_circle .haru-sp_circle-hero-carousel .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

#haru-sp_circle .haru-sp_circle-hero-carousel .carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #d5dce5;
    border-radius: 10px;
    cursor: pointer;
    background-color: #fff;
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle-hero-carousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
    background-color: #65a637;
    border: 1px solid #197301
}

#haru-sp_circle .haru-sp_circle-hero-carousel .carousel-indicators {
    bottom: 16px;
    margin-bottom: 0
}

#haru-sp_circle .haru-sp_circle-hero-carousel .carousel-control {
    width: 8%
}

#haru-sp_circle .haru-sp_circle-hero-carousel .inverted h4 {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-hero-carousel .outer-container {
    min-height: 480px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

#haru-sp_circle .haru-sp_circle-hero-carousel .container-fluid {
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

#haru-sp_circle .haru-sp_circle-hero-carousel .container-fluid .subheading {
    font-size: 30px
}

#haru-sp_circle .haru-sp_circle-hero-carousel .container-fluid .col-haru-sp_circle-2.hero-carousel-img {
    float: none;
    margin: 0 auto 15px;
    max-height: 160px;
    overflow: hidden
}

#haru-sp_circle .haru-sp_circle-hero-carousel .container-fluid .col-haru-sp_circle-2.hero-carousel-img:last-child {
    margin-bottom: 40px
}

#haru-sp_circle .haru-sp_circle-hero-carousel .inner-container {
    width: 84%;
    margin: 0 auto
}

@media only screen and (max-width:600px) {
    #haru-sp_circle .haru-sp_circle-hero-carousel .btn-group:after {
        content: ' ';
        display: block;
        clear: both
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .btn-group .haru-sp_circle-btn {
        position: relative;
        float: left;
        clear: left;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (min-width:991px) {
    #haru-sp_circle .haru-sp_circle-hero-carousel .carousel-control.left,
    #haru-sp_circle .haru-sp_circle-hero-carousel .carousel-control.right {
        background-image: none
    }
}

@media (min-width:768px) {
    #haru-sp_circle .subheading {
        position: relative;
        margin-top: -30px;
        font-size: 35px
    }
}

@media only screen and (max-width:767px) {
    #haru-sp_circle .haru-sp_circle-hero-carousel .btn-group .btn {
        width: 30%
    }
}

@media (max-width:767px) {
    #haru-sp_circle .haru-sp_circle-hero-carousel .container-fluid .col-haru-sp_circle-2.hero-carousel-img {
        width: 25%
    }
}

@media (min-width:480px) {
    #haru-sp_circle .haru-sp_circle-hero-carousel .glyphicon-chevron-left,
    #haru-sp_circle .haru-sp_circle-hero-carousel .glyphicon-chevron-right {
        background: url(../haru-sp_circle-core/source/images/arrow.png) 0 0 no-repeat;
        text-indent: -99999px;
        width: 25px!important;
        height: 75px!important
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .glyphicon-chevron-right {
        background-position: -43px 0
    }
}

@media (max-width:480px) {
    #haru-sp_circle .haru-sp_circle-hero-carousel .carousel-indicators {
        bottom: 10px;
        margin-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .carousel-control {
        display: none
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .container-fluid {
        padding-top: 40px;
        padding-bottom: 40px
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .container-fluid .col-haru-sp_circle-2.hero-carousel-img:last-child {
        margin-bottom: 10px
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .inner-container {
        width: 100%;
        margin: 0 auto
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .haru-sp_circle-h2 {
        padding-bottom: 15px
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .haru-sp_circle-h4 {
        padding-bottom: 10px
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .btn-group .btn {
        width: 50%;
        margin-bottom: 5px
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .btn-group .btn:last-child {
        margin-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-hero-carousel .btn-group .haru-sp_circle-btn:last-child {
        margin-bottom: 0
    }
}

#haru-sp_circle .haru-sp_circle-promo-band .haru-sp_circle-promo-band-image {
    max-width: 160px;
    max-height: 160px;
    margin-bottom: 25px
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-3 {
    background-size: cover;
    background-position: center center;
    text-align: center
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-3 .image-block {
    margin-bottom: 25px
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-3 .graphic-block {
    margin-bottom: 25px;
    width: auto
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-3 .left-align {
    text-align: left
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-3 .card {
    background-color: #fff;
    border: 1px solid #97999b
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-3 .card .info-block {
    padding: 15px
}

@media (max-width:480px) {
    #haru-sp_circle .haru-sp_circle-multiple-columns-1-3 img {
        margin-top: 40px
    }
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block {
    text-align: center;
    transition: all .5s;
    width: 100%;
    display: inline-block;
    padding: 25px 25px 0 25px;
    border: 1px solid transparent;
    box-shadow: 0
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block:hover {
    border: 1px solid #cecece;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block:hover a {
    text-decoration: none
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block .default-height {
    min-height: auto
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block .extra-top-padding {
    padding-top: 15px
}

@media (max-width:767px) {
    #haru-sp_circle .premium-solutions-band .premium-solutions-block {
        margin-bottom: 25px
    }
    #haru-sp_circle .premium-solutions-band .extra-padding {
        padding-right: 28px;
        padding-left: 28px
    }
}

@media (max-width:845px) {
    #haru-sp_circle .premium-solutions-band .premium-solutions-block .haru-sp_circle-lead {
        font-size: 18px
    }
}

#haru-sp_circle .products-band {
    padding-top: 60px;
    padding-bottom: 110px
}

#haru-sp_circle .products-band .products-heading {
    text-align: center
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager {
    background: #fff;
    height: 152px;
    border-top: none;
    border-bottom: none
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager p {
    font-size: 19px;
    line-height: 20px;
    font-weight: 700;
    padding-top: 10px
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators {
    padding-right: 0;
    padding-left: 0
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li {
    padding-bottom: 0
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
    display: inline-block;
    width: 75px;
    height: 75px;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li #haru-sp_circle-enterprise {
    background-image: url(source/images/icon-enterprise-hollow.svg)
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li #haru-sp_circle-cloud {
    background-image: url(source/images/icon-cloud-hollow.svg)
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li #haru-sp_circle-IT {
    background-image: url(source/images/icon-small-IT-hollow.svg)
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active {
    background: 0 0;
    top: 0
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active:after {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 10px 13px;
    border-color: transparent transparent #65a637 transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active p,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:active p,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:focus p,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover p {
    color: #65a637
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active #haru-sp_circle-enterprise,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:active #haru-sp_circle-enterprise,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:focus #haru-sp_circle-enterprise,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover #haru-sp_circle-enterprise {
    background-image: url(source/images/icon-enterprise.svg)
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active #haru-sp_circle-cloud,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:active #haru-sp_circle-cloud,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:focus #haru-sp_circle-cloud,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover #haru-sp_circle-cloud {
    background-image: url(source/images/icon-cloud.svg)
}

#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active #haru-sp_circle-IT,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:active #haru-sp_circle-IT,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:focus #haru-sp_circle-IT,
#haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover #haru-sp_circle-IT {
    background-image: url(source/images/icon-small-IT.svg)
}

#haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner {
    background: #65a637;
    overflow: visible
}

#haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner h4,
#haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner h5,
#haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner p {
    color: #fff
}

#haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner .link-group {
    padding-top: 30px
}

#haru-sp_circle .products-band .haru-sp_circle-slider .copy-content {
    padding-bottom: 60px;
    padding-top: 60px
}

#haru-sp_circle .products-band .haru-sp_circle-slider .screenshot img {
    display: inline-block;
    max-width: 820px;
    min-height: 100px;
    height: auto;
    position: absolute;
    bottom: -54px;
    margin-left: -11%
}

#haru-sp_circle .products-band .haru-sp_circle-slider .carousel-control {
    top: auto;
    display: none
}

@media (max-width:991px) {
    #haru-sp_circle .products-band .row {
        margin-right: 0;
        margin-left: 0
    }
    #haru-sp_circle .products-band .carousel-indicators li {
        width: 33.3%
    }
}

@media (min-width:1050px) {
    #haru-sp_circle .products-band .carousel-inner .container {
        max-width: 1170px;
        width: 90%
    }
}

@media (max-width:767px) {
    #haru-sp_circle .products-band .carousel-inner .row {
        margin-left: 0;
        margin-right: 0
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-indicators p {
        display: block
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .copy-content {
        padding-bottom: 45px;
        padding-top: 45px;
        text-align: left
    }
}

@media (min-width:481px) and (max-width:768px) {
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner .col-xs-6.copy-content {
        width: 75%
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner .col-xs-6.screenshot {
        width: 25%
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner .col-xs-6.screenshot img {
        margin-left: -37%
    }
}

@media (min-width:480px) {
    #haru-sp_circle .products-band .glyphicon-chevron-left,
    #haru-sp_circle .products-band .glyphicon-chevron-right {
        background: url(source/images/arrow-white.png) 0 0 no-repeat;
        width: 25px!important;
        height: 77px!important
    }
    #haru-sp_circle .products-band .glyphicon-chevron-right {
        background-position: -43px 0
    }
}

@media (max-width:480px) {
    #haru-sp_circle .products-band {
        padding-bottom: 0;
        padding-top: 45px
    }
    #haru-sp_circle .products-band .glyphicon-chevron-left,
    #haru-sp_circle .products-band .glyphicon-chevron-right {
        background: url(source/images/arrow-mobile.png) 0 0 no-repeat;
        width: 20px!important;
        height: 36px!important
    }
    #haru-sp_circle .products-band .glyphicon-chevron-left:before,
    #haru-sp_circle .products-band .glyphicon-chevron-right:before {
        content: ' '
    }
    #haru-sp_circle .products-band .glyphicon-chevron-right {
        background-position: -49px 0
    }
    #haru-sp_circle .products-band .sp-btn-white {
        margin-right: 50%
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-inner .col-xs-6 {
        width: 100%
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-control {
        display: block;
        width: 6%;
        height: 80px!important;
        top: 0;
        bottom: auto
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-control .glyphicon {
        transform: translateY(-50%)
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-control .glyphicon.glyphicon-chevron-left {
        margin-left: 0
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .carousel-control .glyphicon.glyphicon-chevron-right {
        margin-right: 0
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager {
        height: 80px!important
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager p {
        display: inline-block;
        font-size: 22px;
        padding-top: 0
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li {
        display: none;
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        height: 80px!important
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .indictator-tab {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 88%
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
        width: 35px;
        height: 35px;
        margin-right: 10px;
        vertical-align: middle
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active {
        display: inline-block
    }
    #haru-sp_circle .products-band .haru-sp_circle-slider .screenshot {
        display: none
    }
}

@media (min-width:329px) and (max-width:365px) {
    #haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager p {
        font-size: 19px
    }
}

@media (max-width:328px) {
    #haru-sp_circle .products-band .haru-sp_circle-slider .haru-sp_circle-pager p {
        font-size: 18px
    }
}

#haru-sp_circle .comp-products-band {
    padding-top: 60px;
    padding-bottom: 110px
}

#haru-sp_circle .comp-products-band .preload-images {
    display: none;
    position: absolute;
    left: -10000px;
    top: -20000px
}

#haru-sp_circle .comp-products-band .products-heading {
    text-align: center
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager {
    background: #fff;
    height: 152px;
    border-top: none;
    border-bottom: none
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager p {
    font-size: 19px;
    line-height: 20px;
    font-weight: 700;
    padding-top: 10px
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators {
    padding-right: 0;
    padding-left: 0
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li {
    padding-bottom: 0
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
    display: inline-block;
    width: 75px;
    height: 75px;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active {
    background: 0 0;
    top: 0
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active:after {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 10px 13px;
    border-color: transparent transparent #65a637 transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li p {
    color: rgba(66, 66, 66, .7)
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li p.selected {
    color: #65a637
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner {
    background: #65a637;
    overflow: visible
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner h4,
#haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner h5,
#haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner p {
    color: #fff
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner .link-group {
    padding-top: 30px
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .copy-content {
    padding-bottom: 60px;
    padding-top: 60px
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .screenshot img {
    display: inline-block;
    max-width: 820px;
    min-height: 100px;
    height: auto;
    position: absolute;
    bottom: -54px;
    margin-left: -11%
}

#haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-control {
    top: auto;
    display: none
}

@media (max-width:991px) {
    #haru-sp_circle .comp-products-band .row {
        margin-right: 0;
        margin-left: 0
    }
    #haru-sp_circle .comp-products-band .carousel-indicators li {
        width: 33.3%
    }
}

@media (min-width:1050px) {
    #haru-sp_circle .comp-products-band .carousel-inner .container {
        max-width: 1170px;
        width: 90%
    }
}

@media (max-width:767px) {
    #haru-sp_circle .comp-products-band .carousel-inner .row {
        margin-left: 0;
        margin-right: 0
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-indicators p {
        display: block
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .copy-content {
        padding-bottom: 45px;
        padding-top: 45px;
        text-align: left
    }
}

@media (min-width:481px) and (max-width:768px) {
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner .col-xs-6.copy-content {
        width: 75%
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner .col-xs-6.screenshot {
        width: 25%
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner .col-xs-6.screenshot img {
        margin-left: -37%
    }
}

@media (min-width:480px) {
    #haru-sp_circle .comp-products-band .glyphicon-chevron-left,
    #haru-sp_circle .comp-products-band .glyphicon-chevron-right {
        background: url(source/images/arrow-white.png) 0 0 no-repeat;
        width: 25px!important;
        height: 77px!important
    }
    #haru-sp_circle .comp-products-band .glyphicon-chevron-right {
        background-position: -43px 0
    }
}

@media (max-width:480px) {
    #haru-sp_circle .comp-products-band {
        padding-bottom: 0;
        padding-top: 45px
    }
    #haru-sp_circle .comp-products-band .glyphicon-chevron-left,
    #haru-sp_circle .comp-products-band .glyphicon-chevron-right {
        background: url(source/images/arrow-mobile.png) 0 0 no-repeat;
        width: 20px!important;
        height: 36px!important
    }
    #haru-sp_circle .comp-products-band .glyphicon-chevron-left:before,
    #haru-sp_circle .comp-products-band .glyphicon-chevron-right:before {
        content: ' '
    }
    #haru-sp_circle .comp-products-band .glyphicon-chevron-right {
        background-position: -49px 0
    }
    #haru-sp_circle .comp-products-band .sp-btn-white {
        margin-right: 50%
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-inner .col-xs-6 {
        width: 100%
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-control {
        display: block;
        width: 6%;
        height: 80px!important;
        top: 0;
        bottom: auto
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-control .glyphicon {
        transform: translateY(-50%)
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-control .glyphicon.glyphicon-chevron-left {
        margin-left: 0
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .carousel-control .glyphicon.glyphicon-chevron-right {
        margin-right: 0
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager {
        height: 80px!important
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager p {
        display: inline-block;
        font-size: 22px;
        padding-top: 0
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li {
        display: none;
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        height: 80px!important
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .indictator-tab {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 88%
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
        width: 35px;
        height: 35px;
        margin-right: 10px;
        vertical-align: middle
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active {
        display: inline-block
    }
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .screenshot {
        display: none
    }
}

@media (min-width:329px) and (max-width:365px) {
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager p {
        font-size: 19px
    }
}

@media (max-width:328px) {
    #haru-sp_circle .comp-products-band .haru-sp_circle-slider .haru-sp_circle-pager p {
        font-size: 18px
    }
}

#haru-sp_circle .haru-sp_circle-hero-social {
    position: relative;
    height: 580px;
    background-size: cover;
    background-position: center center
}

#haru-sp_circle .haru-sp_circle-hero-social .row {
    vertical-align: middle
}

#haru-sp_circle .haru-sp_circle-hero-social .social-block {
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    bottom: 0;
    text-align: right;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
    vertical-align: middle
}

#haru-sp_circle .haru-sp_circle-hero-social .social-block .social-icon {
    margin-right: 10px;
    opacity: .8
}

#haru-sp_circle .haru-sp_circle-hero-social .social-block .social-icon:hover {
    opacity: 1
}

#haru-sp_circle .haru-sp_circle-hero-social .social-block a:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-hero-social .social-block span {
    font-weight: 400;
    color: #474747;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block
}

@media (max-width:768px) {
    #haru-sp_circle .haru-sp_circle-hero-social {
        height: auto;
        padding-bottom: 70px
    }
}

#haru-sp_circle .haru-sp_circle-two-columns .haru-sp_circle-h3 {
    text-align: center
}

#haru-sp_circle .haru-sp_circle-graphics-list .heading {
    text-align: center
}

#haru-sp_circle .haru-sp_circle-graphics-list .graphic-block {
    text-align: center
}

#haru-sp_circle .haru-sp_circle-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

#haru-sp_circle .haru-sp_circle-icon.icon-video-playhead {
    background-image: url(source/images/arrow-customer-playhead.svg);
    width: 88px;
    height: 88px
}

#haru-sp_circle .haru-sp_circle-icon.icon-whitepaper {
    background-image: url(source/images/icon-whitePaper.png);
    width: 27px;
    height: 30px
}

#haru-sp_circle .haru-sp_circle-icon.icon-press-pelease {
    background-image: url(source/images/icon-pressRelease.png);
    width: 44px;
    height: 30px
}

#haru-sp_circle .haru-sp_circle-icon.icon-press-release {
    background-image: url(source/images/icon-pressRelease.png);
    width: 44px;
    height: 30px
}

#haru-sp_circle .haru-sp_circle-icon.icon-success-story {
    background-image: url(source/images/icon-successStory.png);
    width: 27px;
    height: 30px
}

#haru-sp_circle .haru-sp_circle-icon.icon-video {
    background-image: url(source/images/icon-video.png);
    width: 38px;
    height: 30px
}

#haru-sp_circle .customers-band {
    padding-top: 60px;
    padding-bottom: 60px
}

#haru-sp_circle .customers-band .preload-images {
    display: none;
    position: absolute;
    left: -10000px;
    top: -20000px
}

#haru-sp_circle .customers-band .customers-heading {
    text-align: center
}

#haru-sp_circle .customers-band .see-all-customers {
    margin-top: 35px
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager {
    background: #fff;
    border-top: none;
    border-bottom: none
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager p {
    font-size: 19px;
    line-height: 20px;
    font-weight: 700;
    padding-top: 10px
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators {
    padding-right: 0;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators:after {
    content: ' ';
    display: block;
    clear: both
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li {
    vertical-align: top;
    max-width: 230px;
    width: 14%;
    padding: 0 5px
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .indictator-tab {
    height: 100%
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-top: 65%;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media (min-width:992px) and (max-width:1199px) {
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
        padding-top: 90%
    }
}

@media (min-width:700px) and (max-width:991px) {
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
        padding-top: 58%
    }
}

@media (min-width:600px) and (max-width:699px) {
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
        padding-top: 65%
    }
}

@media (min-width:480px) and (max-width:599px) {
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
        padding-top: 90%
    }
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon .selected-arrow {
    display: none;
    width: 27px;
    height: 12px;
    position: absolute;
    left: 50%;
    bottom: 1px;
    transform: translateX(-50%)
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li #state-alaska {
    background-image: url(source/images/logo-state-of-alaska.jpg);
    background-position: 51% center;
    -webkit-transition: background .3s;
    transition: background .3s
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li #zillow {
    background-image: url(source/images/logo-zillow.jpg);
    -webkit-transition: background .3s;
    transition: background .3s
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li #coca-cola {
    background-image: url(source/images/logo-cocacola.jpg);
    -webkit-transition: background .3s;
    transition: background .3s
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li #kurt-geiger {
    background-image: url(source/images/logo-kurt-geiger.jpg);
    -webkit-transition: background .3s;
    transition: background .3s
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li #aaa {
    background-image: url(source/images/logo-aaa.jpg);
    -webkit-transition: background .3s;
    transition: background .3s
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active {
    background: 0 0;
    top: 0
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active .selected-arrow {
    display: block
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active p,
#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover p {
    color: #65a637
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active #state-alaska,
#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover #state-alaska {
    background-image: url(source/images/logo-state-of-alaska-hover.jpg)
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active #zillow,
#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover #zillow {
    background-image: url(source/images/logo-zillow-hover.jpg)
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active #coca-cola,
#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover #coca-cola {
    background-image: url(source/images/logo-cocacola-hover.jpg)
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active #kurt-geiger,
#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover #kurt-geiger {
    background-image: url(source/images/logo-kurt-geiger-hover.jpg)
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active #aaa,
#haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li:hover #aaa {
    background-image: url(source/images/logo-aaa-hover.jpg)
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    overflow: hidden
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .haru-sp_circle-lead,
#haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner h4,
#haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner h5,
#haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner p {
    color: #fff
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .copy-content {
    padding-top: 60px;
    padding-bottom: 60px
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .copy-content .btn-group a.haru-sp_circle-btn {
    margin-right: 15px
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .copy-content .btn-group .haru-sp_circle-icon {
    vertical-align: top;
    margin-right: 15px;
    margin-top: 4px
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .img-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-control {
    top: auto;
    height: auto;
    width: 5%;
    display: block
}

#haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-control .glyphicon-chevron-left,
#haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-control .glyphicon-chevron-right {
    margin-top: 0;
    transform: translateY(-50%)
}

@media (max-width:991px) {
    #haru-sp_circle .customers-band .row {
        margin-right: 0;
        margin-left: 0
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li {
        max-width: none;
        width: 19%;
        margin: 0
    }
}

@media (max-width:767px) {
    #haru-sp_circle .customers-band .carousel-indicators li {
        position: relative
    }
    #haru-sp_circle .customers-band .carousel-inner .row {
        margin-left: 0;
        margin-right: 0
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager {
        height: 100px
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .copy-content {
        text-align: left
    }
}

@media (min-width:700px) {
    #haru-sp_circle .customers-band .carousel-inner .container {
        max-width: 1170px;
        width: 90%
    }
}

@media (min-width:750px) {
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .col-xs-6.copy-content {
        width: 50%
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .col-xs-6.img-content {
        width: 50%
    }
}

@media (max-width:860px) {
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .item {
        background-position: 100% 0!important
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .outer-container {
        background-position: 100% 0!important
    }
}

@media (max-width:700px) {
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .col-xs-6.copy-content {
        width: 100%
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .col-xs-6.img-content {
        display: none
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-control {
        display: none
    }
}

@media (min-width:480px) {
    #haru-sp_circle .customers-band .glyphicon-chevron-left,
    #haru-sp_circle .customers-band .glyphicon-chevron-right {
        background: url(source/images/arrow-white.png) 0 0 no-repeat;
        width: 25px!important;
        height: 77px!important
    }
    #haru-sp_circle .customers-band .glyphicon-chevron-right {
        background-position: -43px 0
    }
}

@media (max-width:480px) {
    #haru-sp_circle .customers-band {
        padding-bottom: 60px;
        padding-top: 60px
    }
    #haru-sp_circle .customers-band .glyphicon-chevron-left,
    #haru-sp_circle .customers-band .glyphicon-chevron-right {
        background: url(source/images/arrow-mobile.png) 0 0 no-repeat;
        width: 20px!important;
        height: 36px!important
    }
    #haru-sp_circle .customers-band .glyphicon-chevron-left:before,
    #haru-sp_circle .customers-band .glyphicon-chevron-right:before {
        content: ' '
    }
    #haru-sp_circle .customers-band .glyphicon-chevron-right {
        background-position: -49px 0
    }
    #haru-sp_circle .customers-band .sp-btn-white {
        margin-right: 50%
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-inner .col-xs-6 {
        width: 100%
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .copy-content {
        padding-top: 30px;
        padding-bottom: 30px
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-control {
        display: block;
        width: 6%;
        height: 54px!important;
        top: 0;
        bottom: auto;
        z-index: 200
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-control .glyphicon {
        transform: translateY(-50%)
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-control .glyphicon.glyphicon-chevron-left {
        margin-left: 0
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .carousel-control .glyphicon.glyphicon-chevron-right {
        margin-right: 0
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager {
        height: 80px!important
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li {
        display: none;
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 0;
        padding-bottom: 0;
        width: 88%;
        max-width: 100%
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li .tab-icon {
        width: 130px;
        height: 130px;
        padding-top: 0;
        margin-top: -40px
    }
    #haru-sp_circle .customers-band .haru-sp_circle-slider .haru-sp_circle-pager .carousel-indicators li.active {
        display: inline-block
    }
}

#haru-sp_circle .small-promo-band {
    padding-top: 20px!important;
    padding-bottom: 20px!important
}

#haru-sp_circle .small-promo-band .promocontainer p.promotext {
    padding-bottom: 0
}

#haru-sp_circle .small-promo-band .promocontainer h1.promotext,
#haru-sp_circle .small-promo-band .promocontainer h2.promotext,
#haru-sp_circle .small-promo-band .promocontainer h3.promotext,
#haru-sp_circle .small-promo-band .promocontainer h4.promotext,
#haru-sp_circle .small-promo-band .promocontainer h5.promotext,
#haru-sp_circle .small-promo-band .promocontainer h6.promotext {
    margin-top: 0!important;
    margin-bottom: 0!important
}

#haru-sp_circle .small-promo-band .promocontainer .promotext {
    position: relative;
    margin-right: 15px
}

#haru-sp_circle .small-promo-band .promocontainer .promotext div,
#haru-sp_circle .small-promo-band .promocontainer .promotext h1,
#haru-sp_circle .small-promo-band .promocontainer .promotext h2,
#haru-sp_circle .small-promo-band .promocontainer .promotext h3,
#haru-sp_circle .small-promo-band .promocontainer .promotext h4,
#haru-sp_circle .small-promo-band .promocontainer .promotext h5,
#haru-sp_circle .small-promo-band .promocontainer .promotext h6,
#haru-sp_circle .small-promo-band .promocontainer .promotext p {
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-right: 15px!important;
    position: relative;
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 400!important
}

#haru-sp_circle .small-promo-band .promocontainer .promotext.divider:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border-right: 1px solid #aaa
}

#haru-sp_circle .small-promo-band .promo-images {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    vertical-align: middle
}

#haru-sp_circle .small-promo-band .promo-images img {
    max-height: 37px;
    padding-left: 15px;
    padding-right: 15px
}

#haru-sp_circle .small-promo-band .promo-images a {
    opacity: .9
}

#haru-sp_circle .small-promo-band .promo-images a:hover {
    opacity: 1
}

#haru-sp_circle .small-promo-band .haru-sp_circle-btn {
    margin-left: 15px;
    margin-bottom: 0
}

@media (max-width:991px) {
    #haru-sp_circle .small-promo-band.with-images .promocontainer {
        flex-wrap: wrap
    }
    #haru-sp_circle .small-promo-band.with-images .promocontainer .promotext {
        margin-bottom: 15px;
        padding-right: 0
    }
    #haru-sp_circle .small-promo-band.with-images .promocontainer .promotext p {
        padding-right: 0!important;
        text-align: center
    }
    #haru-sp_circle .small-promo-band.with-images .promocontainer .promotext p br {
        display: none
    }
    #haru-sp_circle .small-promo-band.with-images .promocontainer .promotext:before {
        border-right: none
    }
    #haru-sp_circle .small-promo-band.with-images .promo-images {
        padding-left: 0;
        margin-bottom: 25px;
        width: 100%;
        text-align: center;
        padding-top: 0;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media (max-width:767px) {
    #haru-sp_circle .small-promo-band.with-images .promo-images a:nth-child(n+4) {
        display: none
    }
    #haru-sp_circle .small-promo-band.with-images .promobutton {
        padding-bottom: 10px!important
    }
    #haru-sp_circle .small-promo-band.with-images .promobutton .haru-sp_circle-btn {
        margin-left: 0!important
    }
    #haru-sp_circle .small-promo-band.with-images.socialband .promo-images a:nth-child(n+4) {
        display: inline-block
    }
    #haru-sp_circle .small-promo-band .promocontainer .promotext p {
        padding-right: 0!important;
        margin-bottom: 15px!important
    }
    #haru-sp_circle .small-promo-band .promobutton {
        padding-bottom: 0!important
    }
    #haru-sp_circle .small-promo-band .promobutton .haru-sp_circle-btn {
        margin-left: 0!important
    }
}

#haru-sp_circle .haru-sp_circle-accordion {
    padding-bottom: 30px
}

#haru-sp_circle .sp-accordion-item {
    padding-left: 28px;
    padding-right: 28px;
    border-top: 1px solid #d5dce5;
    border-bottom: 1px solid #d5dce5
}

#haru-sp_circle .sp-accordion-item h1,
#haru-sp_circle .sp-accordion-item h2,
#haru-sp_circle .sp-accordion-item h3,
#haru-sp_circle .sp-accordion-item h4,
#haru-sp_circle .sp-accordion-item h5,
#haru-sp_circle .sp-accordion-item h6,
#haru-sp_circle .sp-accordion-item p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

#haru-sp_circle .sp-accordion-item .box-item-title {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit
}

#haru-sp_circle .sp-accordion-item .box-item-title:hover {
    text-decoration: inherit;
    color: inherit
}

#haru-sp_circle .sp-accordion-item.panel {
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
    background-color: transparent
}

#haru-sp_circle .sp-accordion-item a.the-title {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #0c1724;
    transition: color .3s ease;
    position: relative;
    padding-right: 25px
}

#haru-sp_circle .sp-accordion-item a.the-title .control-icon {
    float: right;
    color: #000;
    border: none;
    transition: color .5s ease;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

#haru-sp_circle .sp-accordion-item a.the-title .control-icon:hover {
    color: #eb008b
}

#haru-sp_circle .mobile .sp-accordion-item a.the-title .control-icon {
    color: #000
}

#haru-sp_circle .sp-accordion-item a.the-title .control-icon.icon-toggle-open {
    transform: rotate(.03deg) translateY(-50%)
}

#haru-sp_circle .sp-accordion-item a.the-title .control-icon.icon-toggle-open:before {
    font-weight: 600;
    color: #474444
}

#haru-sp_circle .sp-accordion-item a.the-title .control-icon.icon-toggle-close {
    transform: rotate(.03deg) translateY(-50%)
}

#haru-sp_circle .sp-accordion-item a.the-title .control-icon.icon-toggle-close:before {
    font-weight: 600;
    color: #474444
}

#haru-sp_circle .sp-accordion-item a.the-title:hover {
    text-decoration: none;
    color: #eb008b
}

#haru-sp_circle .sp-accordion-item a.the-title:hover .control-icon:before {
    color: #eb008b
}

#haru-sp_circle .mobile .sp-accordion-item a.the-title:hover {
    color: #0c1724
}

#haru-sp_circle .sp-accordion-item a.the-title .open-icon {
    line-height: 20px;
    display: none
}

#haru-sp_circle .sp-accordion-item a.the-title .close-icon {
    display: inline-block
}

#haru-sp_circle .sp-accordion-item a.the-title.collapsed .open-icon {
    display: inline-block
}

#haru-sp_circle .sp-accordion-item a.the-title.collapsed .close-icon {
    display: none
}

#haru-sp_circle .sp-accordion-item .the-content {
    padding-bottom: 20px
}

#haru-sp_circle .sp-accordion-item:nth-child(n+1) {
    margin-top: -1px
}

#haru-sp_circle .sp-accordion-item .haru-sp_circle-btn {
    margin-right: 16px
}

@media (max-width:768px) {
    #haru-sp_circle .expandable-box .col-xs-10 {
        width: 95%
    }
    #haru-sp_circle .expandable-box .col-xs-offset-1 {
        margin-left: 2.5%
    }
    #haru-sp_circle .sp-accordion-item {
        padding-left: 15px;
        padding-right: 15px
    }
    #haru-sp_circle .sp-accordion-item a.the-title .control-icon {
        right: -15px
    }
    #haru-sp_circle .sp-accordion-item .haru-sp_circle-btn {
        margin-bottom: 24px
    }
}

#haru-sp_circle .curriculum-track-item {
    position: relative;
    margin-left: 30px;
    border-left: 2px solid #969daa;
    padding-left: 40px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 45px
}

#haru-sp_circle .curriculum-track-item.no-border {
    border-color: #fff
}

#haru-sp_circle .curriculum-track-item.no-border:last-child .borders {
    border-bottom: none
}

#haru-sp_circle .curriculum-track-item div {
    position: relative;
    z-index: 2
}

#haru-sp_circle .curriculum-track-item .cta {
    font-weight: 600
}

#haru-sp_circle .curriculum-track-item .borders {
    z-index: 1;
    position: absolute;
    height: 100%;
    top: -22px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%
}

#haru-sp_circle .curriculum-track-item .track-default-icon {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    border: 2px solid #0575E6;
    left: -14px;
    background-color: #fff
}

#haru-sp_circle .curriculum-track-item .track-default-image {
    width: 50px;
    height: 50px;
    position: absolute;
    left: -26px;
    background-color: #fff;
    top: -8px
}

#haru-sp_circle .curriculum-track-item .arrow-right:after {
    content: '\000BB';
    display: inline-block;
    position: relative;
    top: -1px;
    color: #00a9e0
}

@media (min-width:992px) {
    #haru-sp_circle .curriculum-track-item {
        padding-left: 60px
    }
}

#haru-sp_circle .education-table .haru-sp_circle-table {
    margin-bottom: 20px
}

#haru-sp_circle .education-table .haru-sp_circle-table td,
#haru-sp_circle .education-table .haru-sp_circle-table th {
    text-align: center;
    vertical-align: middle;
    padding: 10px 2%
}

#haru-sp_circle .education-table .haru-sp_circle-table td:nth-child(3),
#haru-sp_circle .education-table .haru-sp_circle-table th:nth-child(3) {
    text-align: left
}

#haru-sp_circle .education-table .haru-sp_circle-table td:nth-child(4) {
    padding-right: 0
}

#haru-sp_circle .education-table .haru-sp_circle-table td .haru-sp_circle-btn {
    float: right;
    padding: 0
}

#haru-sp_circle .education-table .haru-sp_circle-table td .haru-sp_circle-btn a {
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 12px 22px
}

@media (min-width:421px) {
    #haru-sp_circle .education-table .haru-sp_circle-table td,
    #haru-sp_circle .education-table .haru-sp_circle-table th {
        padding: 10px 20px 10px 20px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .education-table .haru-sp_circle-table th {
        white-space: nowrap
    }
}

#haru-sp_circle .hero.section,
#haru-sp_circle .parallax-block.section {
    position: relative;
    background-attachment: fixed
}

#haru-sp_circle .haru-sp_circle-stripes {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: var(--bg-treatment-url), var(--bg-image-url);
    background-position: center top, top left;
    background-repeat: repeat-y, no-repeat;
    background-size: 130% auto, auto auto
}

@media screen and (min-width:767px) {
    #haru-sp_circle .haru-sp_circle-stripes {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

#haru-sp_circle .haru-sp_circle-stripes.cutout {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%)
}

#haru-sp_circle .haru-sp_circle-stripes.showAll {
    padding-bottom: 10vw
}

#haru-sp_circle .haru-sp_circle-stripes.haru-sp_circle-catPink {
    background-image: var(--bg-treatment-url), var(--bg-image-url), linear-gradient(82deg, #ec008c, #f6931d)
}

#haru-sp_circle .haru-sp_circle-stripes .ie-cutout {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 10vw;
    display: none
}

#haru-sp_circle .haru-sp_circle-stripes .ie-cutout polygon {
    fill: #fff
}

@media screen and (min-width:1201px) {
    #haru-sp_circle .haru-sp_circle-stripes.cutout {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 150px), 0 100%);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 150px), 0 100%)
    }
    #haru-sp_circle .haru-sp_circle-stripes .ie-cutout {
        height: 150px
    }
}

html.edge .haru-sp_circle-stripes .ie-cutout,
html.ie .haru-sp_circle-stripes .ie-cutout {
    display: block
}

#haru-sp_circle .modal-backdrop {
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed
}

#haru-sp_circle .talk-sales {
    z-index: 500
}

p a:link:not(.haru-sp_circle-btn) {
    font-weight: 400
}

sup.reg-mark {
    position: relative;
    font-size: .6em;
    vertical-align: .2em
}

sup.tm-mark {
    position: relative;
    font-size: .6em;
    vertical-align: .2em;
    font-weight: 400
}

#haru-sp_circle .generic-section {
    padding-top: 68px;
    padding-bottom: 50px;
    line-height: 23px
}

#haru-sp_circle .generic-section h2 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 37px;
    text-align: center;
    font-size: 45px
}

#haru-sp_circle .generic-section ul {
    list-style-type: none;
    padding-left: 0
}

#haru-sp_circle .generic-section .generic-section-content {
    text-align: center
}

#haru-sp_circle .generic-section.gray-background {
    background-color: #ededed
}

#haru-sp_circle .generic-section .generic-text {
    line-height: 1.4em
}

#haru-sp_circle .generic-section .clearfix {
    height: 0
}

#haru-sp_circle .vertical-separator {
    display: table
}

#haru-sp_circle .vertical-separator .cell {
    display: table-cell;
    text-align: left
}

a.back-to-top {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: url(source/images/up-arrow.png) no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

#haru-sp_circle .customer-video-slider .container.tab-pane {
    margin-top: 66px
}

#haru-sp_circle .colored-box {
    vertical-align: top;
    height: 100%;
    display: inline-block;
    border: 1px solid #97999b;
    border-top: 6px solid #97999b;
    border-radius: 4px;
    padding-top: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 21px;
    margin-bottom: 18px;
    background-color: #fff;
    color: #2d2d2d
}

#haru-sp_circle .colored-box .box-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px
}

#haru-sp_circle .colored-box .box-content {
    font-size: 15px;
    min-height: 300px;
    margin-bottom: 0
}

#haru-sp_circle .colored-box .box-content p {
    font-size: 15px
}

#haru-sp_circle .colored-box .box-content.auto-height {
    min-height: initial;
    height: initial
}

#haru-sp_circle .colored-box .box-content .glyphicon {
    margin-right: -6px
}

#haru-sp_circle .colored-box .box-content ul {
    margin-bottom: 0
}

#haru-sp_circle .colored-box .box-content ul li {
    margin-bottom: 6px
}

#haru-sp_circle .colored-box .box-content ul li:last-child {
    margin-bottom: 0
}

#haru-sp_circle .colored-box .box-ctas .vertical-separator {
    width: 100%
}

#haru-sp_circle .colored-box .box-ctas .vertical-separator .narrow-btn {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

#haru-sp_circle .colored-box .box-ctas .vertical-separator .cell {
    text-align: center
}

#haru-sp_circle .colored-box .box-ctas .glyphicon {
    margin-right: 5px
}

#haru-sp_circle .colored-box .box-ctas .glyphicon-cloud {
    position: relative;
    top: 4px
}

#haru-sp_circle .colored-box .box-ctas .glyphicon-briefcase {
    position: relative;
    top: 2px
}

#haru-sp_circle .colored-box .box-extra-content {
    color: #97999b;
    font-size: 15px;
    margin-top: 20px
}

#haru-sp_circle .colored-box.colored-box-orange {
    border-color: #e87722;
    border-top-color: #e87722
}

#haru-sp_circle .colored-box.colored-box-green {
    border-color: #65a637;
    border-top-color: #65a637
}

#haru-sp_circle .colored-box.colored-box-blue {
    border-color: #00a9e0;
    border-top-color: #00a9e0
}

@media (max-width:1199px) {
    #haru-sp_circle .colored-box {
        width: 47%;
        margin-right: 0
    }
    #haru-sp_circle .colored-box:nth-of-type(2n+1) {
        margin-right: 2%
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .colored-box {
        width: 31%;
        margin-right: 2%
    }
    #haru-sp_circle .colored-box:nth-of-type(3n+3) {
        margin-right: 0
    }
}

@media (max-width:1199px) {
    #haru-sp_circle .colored-box .box-ctas .vertical-separator {
        display: block;
        text-align: center
    }
    #haru-sp_circle .colored-box .box-ctas .vertical-separator .cell {
        display: inline-block;
        text-align: left;
        margin-bottom: 10px
    }
}

@media (max-width:768px) {
    #haru-sp_circle .colored-box {
        width: 100%
    }
    #haru-sp_circle .colored-box:nth-of-type(1) {
        margin-right: 0
    }
    #haru-sp_circle .colored-box:nth-of-type(2) {
        margin-right: 0
    }
}

#haru-sp_circle .open-collapsed-table a {
    font-size: 15px;
    color: #2d2d2d;
    text-decoration: none
}

#haru-sp_circle .open-collapsed-table a .glyphicon {
    color: #09c;
    position: relative;
    top: 2px;
    margin-right: 5px
}

#haru-sp_circle .side-by-side-comparison {
    padding-top: 38px;
    padding-bottom: 50px;
    background: #fff;
    background: -webkit-repeating-linear-gradient(#ccc, #fff 3%, #fff 95%, #ccc);
    background: -o-repeating-linear-gradient(#ccc, #fff 3%, #fff 95%, #ccc);
    background: -moz-repeating-linear-gradient(#ccc, #fff 3%, #fff 95%, #ccc);
    background: repeating-linear-gradient(#ccc, #fff 3%, #fff 95%, #eee)
}

#haru-sp_circle .side-by-side-comparison h3 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    font-weight: 700
}

#haru-sp_circle .side-by-side-comparison h3 .glyphicon {
    color: #09c;
    font-size: 15px;
    position: absolute;
    right: 0
}

#haru-sp_circle .side-by-side-comparison .table {
    font-size: 15px
}

#haru-sp_circle .side-by-side-comparison .table .glyphicon {
    color: #68a83c
}

#haru-sp_circle .side-by-side-comparison .table thead {
    background-color: #000;
    color: #fff;
    font-weight: 700
}

#haru-sp_circle .side-by-side-comparison .table thead th {
    padding: 8px 18px 8px
}

#haru-sp_circle .side-by-side-comparison .table>tbody>tr>td {
    padding: 8px 18px 8px
}

#haru-sp_circle .l3-hero .banner {
    background-position: center center;
    background-size: cover
}

#haru-sp_circle .free-download-list {
    text-align: left
}

#haru-sp_circle .free-download-list h2 {
    text-align: left;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 5px
}

#haru-sp_circle .free-download-list h3 {
    margin-bottom: 20px;
    color: #2d2d2d;
    font-size: 24px;
    font-weight: 600;
    margin-top: 0
}

#haru-sp_circle .free-download-list p {
    line-height: 1.5em;
    color: #474444
}

#haru-sp_circle .free-download-list .other-links {
    margin-top: 20px;
    text-align: right
}

#haru-sp_circle .free-download-list .other-links a {
    color: #09c;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px
}

#haru-sp_circle .free-download-list .content {
    padding-top: 25px
}

#haru-sp_circle .free-download-list .content .version-block {
    padding: 10px;
    padding-top: 30px;
    background-color: #f0f2f3;
    margin-bottom: 7px
}

#haru-sp_circle .free-download-list .content .version-block .bits {
    text-align: center
}

#haru-sp_circle .free-download-list .content .version-block .pill {
    background-color: #97999b;
    color: #fff;
    padding: 5px 20px 5px 20px;
    border-radius: 2px;
    font-size: 18px
}

#haru-sp_circle .free-download-list .content .version-block .strong {
    font-weight: 700
}

#haru-sp_circle .free-download-list .content .version-block .versions-table {
    margin-top: -18px;
    width: 100%
}

#haru-sp_circle .free-download-list .content .version-block .versions-table td {
    padding: 15px 30px 15px 15px
}

#haru-sp_circle .free-download-list .content .version-block .versions-table td:nth-child(1) {
    min-width: 15%
}

#haru-sp_circle .free-download-list .content .version-block .versions-table td:nth-child(2) {
    min-width: 35%
}

#haru-sp_circle .free-download-list .content .version-block .versions-table td:nth-child(3) {
    min-width: 50%;
    text-align: right
}

#haru-sp_circle .free-download-list .content .version-block .versions-table td .filename {
    font-size: 18px;
    font-weight: regular
}

#haru-sp_circle .free-download-list .content .version-block .versions-table td .filesize {
    font-size: 14px;
    color: #818081
}

#haru-sp_circle .free-download-list .content .version-block .versions-table td .btn .glyphicon {
    margin-right: 5px
}

#haru-sp_circle .free-download-list .nav-tabs {
    border-bottom: 1px solid #97999b
}

#haru-sp_circle .free-download-list .nav-tabs li {
    margin-bottom: 0;
    border: none;
    padding-left: 6px
}

#haru-sp_circle .free-download-list .nav-tabs li a {
    border: none;
    display: inline-block;
    font-weight: 700;
    color: #97999b
}

#haru-sp_circle .free-download-list .nav-tabs li a .glyphicon {
    display: none
}

#haru-sp_circle .free-download-list .nav-tabs li a:focus,
#haru-sp_circle .free-download-list .nav-tabs li a:hover {
    text-decoration: none;
    background-color: transparent;
    border: none
}

#haru-sp_circle .free-download-list .nav-tabs li.active .windows,
#haru-sp_circle .free-download-list .nav-tabs li:hover .windows {
    background-position: -458px -26px
}

#haru-sp_circle .free-download-list .nav-tabs li.active .linux,
#haru-sp_circle .free-download-list .nav-tabs li:hover .linux {
    background-position: -246px -26px
}

#haru-sp_circle .free-download-list .nav-tabs li.active .solaris,
#haru-sp_circle .free-download-list .nav-tabs li:hover .solaris {
    width: 40px;
    background-position: -375px -26px
}

#haru-sp_circle .free-download-list .nav-tabs li.active .macos,
#haru-sp_circle .free-download-list .nav-tabs li:hover .macos {
    background-position: -313px -26px
}

#haru-sp_circle .free-download-list .nav-tabs li.active .freebsd,
#haru-sp_circle .free-download-list .nav-tabs li:hover .freebsd {
    background-position: -98px -26px
}

#haru-sp_circle .free-download-list .nav-tabs li.active .aix,
#haru-sp_circle .free-download-list .nav-tabs li:hover .aix {
    background-position: -26px -26px
}

#haru-sp_circle .free-download-list .nav-tabs li.active .hpux,
#haru-sp_circle .free-download-list .nav-tabs li:hover .hpux {
    background-position: -170px -26px
}

#haru-sp_circle .free-download-list .nav-tabs li.active a,
#haru-sp_circle .free-download-list .nav-tabs li:hover a {
    color: #474444;
    border: none
}

#haru-sp_circle .free-download-list ul.nav-tabs>li.active::after {
    content: "";
    display: block;
    width: 25px;
    height: 14px;
    position: absolute;
    background-image: url(source/images/arrow-with-border.png);
    z-index: 2;
    bottom: -14px;
    left: 31px;
    margin-left: -13px
}

#haru-sp_circle .free-download-list ul.nav-tabs>li.active.solaris-arrow::after {
    left: 40px
}

#haru-sp_circle .free-download-list .panel-default>.panel-heading {
    color: #333;
    background-color: #404549;
    border-color: #ddd;
    padding: 20px;
    border-radius: 0
}

#haru-sp_circle .free-download-list .panel-default>.panel-heading .panel-title a {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    display: inline-block
}

#haru-sp_circle .free-download-list .panel-default>.panel-heading .panel-title a .glyphicon {
    position: absolute;
    right: 0;
    font-size: 26px;
    top: 0
}

#haru-sp_circle .free-download-list .panel-default>.panel-heading .panel-title a .glyphicon-chevron-down {
    display: none
}

#haru-sp_circle .free-download-list .panel-default>.panel-heading .panel-title a .glyphicon-chevron-up {
    display: inline-block;
    color: #00a9e0
}

#haru-sp_circle .free-download-list .panel-default>.panel-heading .panel-title a.collapsed .glyphicon-chevron-down {
    display: inline-block
}

#haru-sp_circle .free-download-list .panel-default>.panel-heading .panel-title a.collapsed .glyphicon-chevron-up {
    display: none
}

#haru-sp_circle .free-download-list .panel-group .panel+.panel {
    margin-top: 1px
}

#haru-sp_circle .free-download-list .panel-body {
    padding: 0
}

#haru-sp_circle .download-logo {
    position: relative;
    margin-right: 5px;
    top: 3px;
    height: 20px;
    width: 20px;
    background-image: url(source/images/download-logos-spritesheet.png);
    display: inline-block;
    background-position: -26px -98px
}

#haru-sp_circle .download-logo:hover {
    background-position: inherit -76px
}

#haru-sp_circle .download-logo.windows {
    background-position: -458px -98px
}

#haru-sp_circle .download-logo.linux {
    background-position: -246px -98px
}

#haru-sp_circle .download-logo.solaris {
    top: 0;
    width: 40px;
    background-position: -375px -98px
}

#haru-sp_circle .download-logo.macos {
    top: 1px;
    background-position: -313px -98px
}

#haru-sp_circle .download-logo.freebsd {
    background-position: -98px -98px
}

#haru-sp_circle .download-logo.hpux {
    background-position: -170px -98px
}

@media (min-width:1200px) {
    #haru-sp_circle .free-download-list p {
        font-size: 18px;
        line-height: 27px
    }
    #haru-sp_circle .free-download-list .nav-tabs li {
        margin-right: 20px
    }
}

@media (max-width:991px) {
    #haru-sp_circle .free-download-list p {
        font-size: 15px;
        line-height: 22px
    }
    #haru-sp_circle .free-download-list .content .version-block .versions-table td {
        padding: 15px 15px 15px 15px
    }
    #haru-sp_circle .download-logo {
        width: 50px;
        background-position: -17px -26px
    }
    #haru-sp_circle .download-logo:hover {
        background-position: inherit -76px
    }
    #haru-sp_circle .download-logo.windows {
        background-position: -450px -26px
    }
    #haru-sp_circle .download-logo.linux {
        background-position: -237px -26px
    }
    #haru-sp_circle .download-logo.solaris {
        width: 50px;
        background-position: -375px -26px
    }
    #haru-sp_circle .download-logo.macos {
        top: 1px;
        background-position: -304px -26px
    }
    #haru-sp_circle .download-logo.freebsd {
        background-position: -89px -26px
    }
    #haru-sp_circle .download-logo.hpux {
        background-position: -161px -26px
    }
    #haru-sp_circle .collapsed .download-logo {
        background-position: -17px -98px
    }
    #haru-sp_circle .collapsed .download-logo:hover {
        background-position: inherit -76px
    }
    #haru-sp_circle .collapsed .download-logo.windows {
        background-position: -450px -98px
    }
    #haru-sp_circle .collapsed .download-logo.linux {
        background-position: -237px -98px
    }
    #haru-sp_circle .collapsed .download-logo.solaris {
        background-position: -375px -98px
    }
    #haru-sp_circle .collapsed .download-logo.macos {
        top: 1px;
        background-position: -304px -98px
    }
    #haru-sp_circle .collapsed .download-logo.freebsd {
        background-position: -89px -98px
    }
    #haru-sp_circle .collapsed .download-logo.hpux {
        background-position: -161px -98px
    }
    #haru-sp_circle .free-download-list {
        padding-top: 20px
    }
    #haru-sp_circle .free-download-list p {
        font-size: 15px
    }
    #haru-sp_circle .free-download-list h2 {
        margin-top: 0;
        font-size: 24px
    }
    #haru-sp_circle .free-download-list h3 {
        font-size: 18px
    }
    #haru-sp_circle .free-download-list .content {
        font-size: 15px;
        line-height: 22px
    }
    #haru-sp_circle .free-download-list .content .btn {
        font-size: 15px
    }
    #haru-sp_circle .free-download-list .content .version-block .bits {
        text-align: left
    }
    #haru-sp_circle .free-download-list .content .version-block .pill {
        font-size: 15px;
        padding-left: 5px;
        padding-right: 5px
    }
    #haru-sp_circle .free-download-list .content .version-block .versions-table {
        margin-top: 0
    }
    #haru-sp_circle .free-download-list .content .version-block .versions-table td {
        padding-left: 0
    }
    #haru-sp_circle .free-download-list .content .version-block .versions-table td:nth-child(2) {
        left: -16%;
        position: relative
    }
    #haru-sp_circle .free-download-list .content .version-block .versions-table td:nth-child(3) {
        text-align: right;
        padding-right: 0
    }
    #haru-sp_circle .free-download-list .content .version-block .versions-table td .filesize {
        white-space: nowrap;
        position: relative;
        top: 14px
    }
    #haru-sp_circle .free-download-list .content .version-block .versions-table td .filename {
        font-size: 15px;
        top: -9px;
        position: relative
    }
    #haru-sp_circle .free-download-list .content .version-block .versions-table td .btn {
        position: relative;
        left: -19px
    }
    #haru-sp_circle .free-download-list .other-links {
        font-size: 14px;
        text-align: left
    }
}

@media (max-width:400px) {
    #haru-sp_circle .free-download-list .content .version-block .versions-table td .btn {
        left: -35%
    }
}

@media (max-width:340px) {
    #haru-sp_circle .free-download-list .content .version-block .versions-table td .btn {
        padding-left: 4px;
        padding-right: 4px
    }
}

#haru-sp_circle .newsroom {
    background-color: #f7f7f7;
    padding-top: 20px
}

#haru-sp_circle .newsRoom .news-blocks-menu {
    text-align: center;
    position: relative;
    left: -20px
}

#haru-sp_circle .newsRoom .news-blocks {
    padding: 10px 16px 10px;
    background: #fff;
    border-bottom: 1px solid #d6d6d6
}

#haru-sp_circle .newsRoom .news-blocks li {
    list-style: none
}

#haru-sp_circle .newsRoom .news-blocks li a {
    opacity: .8
}

#haru-sp_circle .newsRoom .news-blocks li a p {
    opacity: .8;
    top: 10px;
    position: relative;
    color: #03a2d6
}

#haru-sp_circle .newsRoom .news-blocks li a:hover {
    opacity: 1;
    text-decoration: none
}

#haru-sp_circle .newsRoom .news-blocks .col-md-2 {
    margin: 0 .44%;
    width: 13.4%;
    padding: 0 10px 0 8px
}

#haru-sp_circle .newsroom-section {
    border: 1px solid #ccc;
    overflow: hidden
}

#haru-sp_circle .newsroom-header.panel-heading {
    background: #404549;
    padding: 0
}

#haru-sp_circle .newsroom .newsroom-header .glyphicon {
    position: relative;
    top: 4px;
    float: right;
    color: #fff
}

#haru-sp_circle .newsroom .newsroom-header .glyphicon.glyphicon-chevron-up {
    color: #09c!important
}

#haru-sp_circle .newsroom-header a {
    padding: 12px;
    height: 100%;
    display: block
}

#haru-sp_circle .newsroom-header-icon {
    width: 30px;
    display: inline-block;
    text-align: center;
    margin-right: 7px;
    min-height: 27px
}

#haru-sp_circle .newsroom-header-icon .img {
    max-height: 40px
}

#haru-sp_circle .newsroom h2 {
    margin: 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    color: #fff
}

#haru-sp_circle .newsroom-section .content .panel-body {
    height: 492px;
    overflow: hidden;
    padding: 0;
    position: relative
}

#haru-sp_circle .newsroom-section-smaller .content .panel-body {
    height: 204px;
    padding: 0
}

#haru-sp_circle .newsroom-section .padded-body {
    padding: 15px 20px 15px 20px;
    margin-bottom: 30px
}

#haru-sp_circle .newsroom-section .see-all {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 8px;
    width: 100%
}

#haru-sp_circle .newsroom-section .see-all a,
#haru-sp_circle .newsroom-section .see-all a:visited {
    padding-top: 5px;
    border-top: 1px solid #ccc!important;
    display: block;
    font-weight: 700;
    font-size: 14px
}

#haru-sp_circle .newsroom .panel-body .carousel {
    height: 100%
}

#haru-sp_circle .newsroom .panel-body .carousel .carousel-inner,
#haru-sp_circle .newsroom .panel-body .carousel .carousel-inner .item {
    height: 100%;
    background-size: cover!important
}

#haru-sp_circle .newsroom-section .content .panel-body .carousel-indicators {
    left: auto;
    right: 20px;
    bottom: 0;
    text-align: right
}

#haru-sp_circle .newsroom-section .content .panel-body .carousel-indicators li {
    vertical-align: top
}

#haru-sp_circle .ie .newsroom-section .content .panel-body .carousel-indicators {
    bottom: 0
}

#haru-sp_circle .newsroom-section .content .panel-body .carousel-indicators li.active {
    border: 1px solid #03a2d6;
    background-color: #03a2d6;
    top: 10px!important;
    position: relative;
    margin: 0
}

#haru-sp_circle .newsroom-section .content .panel-body .carousel-indicators li {
    margin: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #666;
    background-color: #666;
    position: relative;
    top: 10px!important
}

#haru-sp_circle .newsroom h3 {
    margin: 0;
    color: #474444;
    font-weight: 800;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 5px
}

#haru-sp_circle .newsRoom p {
    color: #03a2d6!important;
    font-weight: 400
}

#haru-sp_circle .newsroom p {
    color: #474444;
    font-weight: 400
}

#haru-sp_circle .regular-content {
    padding-top: 17px;
    width: 100%
}

#haru-sp_circle .newsroom .small-title {
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 10px;
    color: #666
}

#haru-sp_circle .newsroom h3.title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 14px;
    font-weight: 700
}

#haru-sp_circle .newsroom .text {
    font-size: 16px;
    line-height: 22px;
    color: #474444
}

#haru-sp_circle .newsroom .small-text {
    font-size: 14px;
    line-height: 22px
}

#haru-sp_circle .newsroom-section .padded-body.releasesBlcksContainer {
    margin-bottom: 15px
}

#haru-sp_circle .newsroom .releasesBlcks {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px
}

#haru-sp_circle .newsroom .releasesBlcks:last-child {
    border-bottom: none
}

#haru-sp_circle .newsroom .releasesBlcks a {
    font-weight: 700
}

#haru-sp_circle .newsroom img.releases-top-story {
    padding: 2px 0 18px 0
}

#haru-sp_circle .newsroom .container.middleContainer {
    margin-top: 1.25em
}

#haru-sp_circle .newsroom .tweetsBlcks h3 {
    font-size: 16px;
    font-weight: 300!important
}

#haru-sp_circle .newsroom .tweetsBlcks img {
    margin-right: .4em;
    width: auto
}

#haru-sp_circle .newsroom .tweetsBlcks p {
    font-size: 16px
}

#haru-sp_circle .newsroom .tweetsBlck .borderContent {
    background: #f4fcff
}

#haru-sp_circle .newsroom .videos-list {
    padding-top: 17px;
    margin-bottom: 50px
}

#haru-sp_circle .newsroom .video-img {
    width: 100%;
    margin-bottom: 20px
}

#haru-sp_circle .newsroom .video-img img {
    border: 1px solid #cfd7db;
    opacity: .8;
    width: 100%
}

#haru-sp_circle .newsroom .video-img img:hover {
    opacity: 1;
    border: 1px solid #3f4549;
    width: 100%
}

#haru-sp_circle .newsroom .video-img .playcontainer {
    font-size: 48px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    z-index: 2;
    margin-top: -30px;
    margin-left: -25px
}

#haru-sp_circle .newsroom .video-img .playcontainer-list-right {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 35%;
    left: 53%;
    display: block;
    z-index: 2;
    margin-top: -10px;
    margin-left: -25px
}

#haru-sp_circle .newsroom .video-img a figure figcaption {
    text-align: left;
    line-height: 2.6;
    padding: 5px 9px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: .2s;
    height: 45px;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #2a3135;
    opacity: .9
}

#haru-sp_circle .newsroom .video-img a figure.rightside figcaption {
    text-align: left;
    line-height: 2.1;
    padding: 5px 9px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    transition: .2s;
    height: 35px;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #2a3135;
    opacity: .9
}

figure {
    position: relative
}

#haru-sp_circle .newsroom-section .padded-body.newsBlcksContainer {
    margin-bottom: 15px
}

#haru-sp_circle .newsroom .newsBlcks {
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    margin-bottom: 13px
}

#haru-sp_circle .newsroom .newsBlcks:last-child {
    border-bottom: none
}

#haru-sp_circle .newsroom .newsBlcks h4 {
    margin-bottom: 0;
    font-size: 1em;
    font-size: 15px;
    font-style: italic;
    font-weight: 400!important
}

#haru-sp_circle .newsroom .newsBlcks a {
    font-weight: 700
}

#haru-sp_circle .newsroom-event {
    position: relative
}

#haru-sp_circle .newsroom-event .see-all {
    background-color: #fff
}

#haru-sp_circle .newsroom-event .see-all a {
    border-top: none
}

#haru-sp_circle .newsroom-event-image {
    position: absolute;
    top: 0
}

#haru-sp_circle .newsroom-event-image,
#haru-sp_circle .newsroom-event-image img {
    width: auto;
    z-index: 0;
    height: 100%
}

#haru-sp_circle .newsroom-special-table {
    margin: 0 auto;
    position: relative;
    color: #fff;
    display: table;
    margin-top: -10px;
    margin-bottom: 10px;
    padding-top: 40px
}

#haru-sp_circle .newsroom-special-table.black-text p {
    color: #2d2d2d
}

#haru-sp_circle .newsroom-events-logo {
    width: 117px;
    height: auto
}

#haru-sp_circle .newsroom-special-cell {
    display: table-cell;
    padding: 0 25px 0 25px;
    text-align: center!important;
    margin-bottom: 0
}

#haru-sp_circle .newsroom-special-cell p {
    font-family: inherit;
    margin-bottom: 0;
    color: #fff
}

#haru-sp_circle .newsroom-special-cell:nth-child(1) {
    border-right: 1px solid #ccc
}

#haru-sp_circle .newsroom-special-cell.text-box {
    text-align: left!important
}

#haru-sp_circle .newsroom-special-cell span {
    font-size: 24px
}

#haru-sp_circle .newsroom-special-cell.align-right {
    text-align: right!important
}

#haru-sp_circle .newsroom-special-cell.no-border {
    border-right: 0!important
}

#haru-sp_circle .newsroom-register {
    font-size: 21px;
    position: relative;
    padding-top: 15px;
    color: #fff
}

#haru-sp_circle .newsroom-register a {
    color: #fff!important
}

#haru-sp_circle .newsroom-register.black-text a {
    color: #2d2d2d!important
}

#haru-sp_circle .newsroom-register span {
    font-size: 14px
}

#haru-sp_circle .award {
    text-align: center
}

#haru-sp_circle .award a {
    display: inline-block
}

#haru-sp_circle .newsroom .award h3.title {
    text-align: center;
    color: #337ab7
}

@media (max-width:991px) {
    #haru-sp_circle .newsroom {
        padding-top: 1px
    }
    #haru-sp_circle .newsroom>.container .box {
        padding-left: 0;
        padding-right: 0
    }
    #haru-sp_circle .newsroom-section.panel {
        border-radius: 0
    }
    #haru-sp_circle .newsroom-header.panel-heading {
        border-radius: 0!important
    }
    #haru-sp_circle .newsroom-header.panel-heading a {
        text-decoration: none!important
    }
    #haru-sp_circle .newsroom-event-image,
    #haru-sp_circle .newsroom-event-image img {
        width: auto;
        z-index: 0;
        height: 100%
    }
    #haru-sp_circle .newsroom-event .newsroom-event-logo {
        padding-top: 10px
    }
    #haru-sp_circle .newsroom-special-table {
        display: block;
        margin-bottom: 0
    }
    #haru-sp_circle .newsroom-register {
        margin-bottom: 40px
    }
    #haru-sp_circle .newsroom-section img.newsroom-events-logo {
        width: 117px;
        height: auto
    }
    #haru-sp_circle .newsroom-section img.newsroom-awards-logo {
        width: 190px;
        height: auto
    }
    #haru-sp_circle .newsroom-section img {
        width: 100%
    }
    #haru-sp_circle .newsroom-section .content .panel-body,
    #haru-sp_circle .newsroom-section-smaller .content .panel-body {
        height: auto
    }
}

@media (min-width:992px) {
    #haru-sp_circle .panel-body {
        border-top: 0!important
    }
    #haru-sp_circle .newsroom-videos .col-sm-8 {
        width: 63.666667%
    }
    #haru-sp_circle .newsroom-videos .col-sm-4 {
        width: 36.333337%
    }
    #haru-sp_circle .newsroom>.container .box {
        margin-bottom: 20px
    }
    #haru-sp_circle .newsroom-section {
        height: 540px
    }
    #haru-sp_circle .newsroom-header.panel-heading a {
        cursor: default
    }
    #haru-sp_circle .newsroom .newsroom-header .glyphicon {
        display: none
    }
    #haru-sp_circle .newsroom-section-smaller {
        height: 260px
    }
    #haru-sp_circle .newsroom .collapse {
        height: auto!important;
        display: block
    }
}

@media (max-width:1200px) {
    #haru-sp_circle .newsroom h3 {
        font-size: 18px
    }
    #haru-sp_circle .newsroom p {
        font-size: 14px!important
    }
    #haru-sp_circle .newsroom .text {
        font-size: 15px!important
    }
}

#haru-sp_circle .newsroom {
    background-color: #f0f3f7
}

#haru-sp_circle .newsroom-header.panel-heading {
    background: #656c76
}

#haru-sp_circle .newsroom h2 {
    font-weight: 700;
    font-family: inherit
}

#haru-sp_circle .newsroom h3 {
    color: #0c1724;
    font-weight: 700;
    font-family: inherit
}

#haru-sp_circle .newsroom .award h3.title {
    text-align: center;
    color: #0070f3;
    font-weight: 600;
    font-family: inherit
}

#haru-sp_circle .newsroom-register {
    padding-top: 5px;
    font-weight: 600
}

#haru-sp_circle .newsroom-section .see-all a,
#haru-sp_circle .newsroom-section .see-all a:visited {
    border-top: 1px solid #d5dce5!important;
    font-weight: 600
}

#haru-sp_circle .newsroom-section {
    border: 1px solid #d5dce5;
    overflow: hidden
}

#haru-sp_circle .newsroom .small-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    color: #656c76;
    font-family: inherit;
    text-transform: uppercase
}

#haru-sp_circle .newsroom .newsroom-header .glyphicon.glyphicon-chevron-up {
    color: #e20082!important
}

#haru-sp_circle .newsroom-section .content .panel-body .carousel-indicators li.active {
    border: 1px solid #e20082;
    background-color: #e20082
}

#haru-sp_circle .newsroom-section .content .panel-body .carousel-indicators li {
    border: 1px solid #656c76;
    background-color: #656c76
}

#haru-sp_circle .newsroom .black-background-banner {
    background-color: #6e0abc;
    padding: 5px 0;
    box-shadow: 30px 0 0 #6e0abc, -30px 0 0 #6e0abc;
    -moz-box-shadow: 30px 0 0 #6e0abc, -30px 0 0 #6e0abc;
    -webkit-box-shadow: 30px 0 0 #6e0abc, -30px 0 0 #6e0abc;
    box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    margin-left: 15px
}

#haru-sp_circle .newsroom .white-background-banner {
    background-color: #fff;
    display: inline-block;
    padding: 10px 0 10px 0;
    padding-bottom: 10px!important;
    box-shadow: 30px 0 0 #fff, -30px 0 0 #fff;
    -moz-box-shadow: 30px 0 0 #fff, -30px 0 0 #fff;
    -webkit-box-shadow: 30px 0 0 #fff, -30px 0 0 #fff;
    box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    margin-left: 15px
}

#haru-sp_circle .newsroom-section .see-all {
    background-color: #fff;
    height: 34px
}

#haru-sp_circle .newsroom-section .content .panel-body {
    height: 484px
}

#haru-sp_circle .newsroom-section .see-all {
    padding-bottom: 0
}

#haru-sp_circle .newsroom-section .see-all a,
#haru-sp_circle .newsroom-section .see-all a:visited {
    padding-top: 8px;
    padding-bottom: 8px
}

#haru-sp_circle .homepage-3-way {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 60px;
    border-top: 1px solid #d6d6d6!important
}

#haru-sp_circle .homepage-3-way .row {
    text-align: center
}

#haru-sp_circle .homepage-3-way .top-graphic {
    margin-top: 20px;
    border-top: 1px solid #97999b;
    border-left: 1px solid #97999b;
    border-right: 1px solid #97999b
}

#haru-sp_circle .homepage-3-way .bottom-text {
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #97999b;
    border-left: 1px solid #97999b;
    border-right: 1px solid #97999b;
    position: relative;
    text-align: left;
    word-wrap: break-word
}

#haru-sp_circle .homepage-3-way .bottom-text p {
    line-height: 1.5
}

#haru-sp_circle .homepage-3-way .bottom-text a {
    bottom: 20px;
    line-height: 1.3
}

#haru-sp_circle .homepage-3-way .bottom-text a:link {
    color: #00a9e0
}

#haru-sp_circle .homepage-3-way .bottom-text a:visited {
    color: #00a9e0
}

#haru-sp_circle .homepage-3-way .bottom-text img.right-arrow {
    margin-right: 10px;
    vertical-align: -2px
}

#haru-sp_circle .homepage-3-way .category-or-topic {
    margin-bottom: 20px
}

#haru-sp_circle .homepage-3-way h3 {
    font-weight: 600;
    margin-top: 0;
    color: #2d2d2d
}

#haru-sp_circle .homepage-3-way p.tag {
    background-color: #97999b;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    padding: 2px 7px 1px 7px;
    border-radius: 2px;
    display: inline-block
}

#haru-sp_circle .homepage-3-way p.tag a:link {
    color: #fff;
    text-transform: uppercase
}

#haru-sp_circle .homepage-3-way p.tag a:visited {
    color: #fff
}

#haru-sp_circle .homepage-3-way.grey {
    background-color: #f1f1f1
}

#haru-sp_circle .homepage-3-way.gradient {
    background-image: radial-gradient(#fff, #e5e7e8)
}

@media (min-width:1200px) {
    #haru-sp_circle .homepage-3-way .bottom-text {
        min-height: 235px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    #haru-sp_circle .homepage-3-way .bottom-text {
        min-height: 285px
    }
}

@media (min-width:768px) and (max-width:992px) {
    #haru-sp_circle .homepage-3-way .bottom-text {
        min-height: 335px
    }
}

@media (max-width:768px) {
    #haru-sp_circle .homepage-3-way .bottom-text a {
        position: relative;
        bottom: 0
    }
}

@media (min-width:768px) {
    #haru-sp_circle .homepage-3-way .col-sm-4 {
        padding-left: 7px;
        padding-right: 7px;
        float: none;
        display: inline-block;
        width: 33%;
        vertical-align: top
    }
}

#haru-sp_circle .site-map-content {
    margin-top: 56px;
    margin-bottom: 100px
}

#haru-sp_circle .site-map-content h2 {
    color: #00a9e0
}

#haru-sp_circle .site-map-content hr {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 9px
}

#haru-sp_circle .site-map-content .site-map-lists {
    padding-left: 0
}

#haru-sp_circle .site-map-content .site-map-lists ul {
    list-style: none;
    padding-left: 0
}

#haru-sp_circle .site-map-content .site-map-lists ul li {
    margin-top: 16px
}

#haru-sp_circle .site-map-content .site-map-lists ul li a {
    font-size: 18px;
    text-decoration: none
}

#haru-sp_circle .site-map-content .site-map-lists ul h6 {
    font-size: 18px;
    margin-bottom: 15px
}

#haru-sp_circle .site-map-blue {
    color: #00a9e0
}

#haru-sp_circle .site-map-black {
    color: #2d2d2d
}

#haru-sp_circle .site-map-sidebar {
    margin-top: 20px;
    position: fixed;
    top: 70px
}

#haru-sp_circle .site-map-sidebar ul {
    width: 67%
}

#haru-sp_circle .site-map-sidebar ul h3 {
    font-size: 18px;
    color: #027fbb;
    border-bottom: 1px solid #027fbb;
    padding-bottom: 13px;
    margin-bottom: 0
}

#haru-sp_circle .site-map-sidebar ul h3 a {
    text-decoration: none
}

#haru-sp_circle .site-map-sidebar ul h3 a span {
    display: initial;
    left: 40%;
    background: 0 0
}

#haru-sp_circle .site-map-sidebar ul h3:hover {
    color: #027fbb
}

#haru-sp_circle .site-map-sidebar ul li {
    list-style: none;
    border-bottom: 1px solid #d6d6d6;
    margin-top: 5px;
    padding-bottom: 5px
}

#haru-sp_circle .site-map-sidebar ul li a {
    text-decoration: none;
    font-size: 12px
}

#haru-sp_circle .site-map-content-main h1 {
    font-weight: 700
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    #haru-sp_circle .site-map-content {
        margin-left: 50px
    }
    #haru-sp_circle .site-map-content .site-map-split-column h3 {
        margin-top: 35%
    }
    #haru-sp_circle .site-map-sidebar {
        position: initial
    }
    #haru-sp_circle .site-map-sidebar ul {
        width: 90%;
        padding-left: 0
    }
    #haru-sp_circle .site-map-sidebar ul h3 {
        margin-top: 0
    }
    #haru-sp_circle .site-map-sidebar ul h3 a span {
        left: 80%
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    #haru-sp_circle .site-map-content {
        margin-left: 50px
    }
    #haru-sp_circle .site-map-sidebar {
        position: initial
    }
}

@media only screen and (max-width:992px) {
    #haru-sp_circle .site-map-sidebar {
        display: none
    }
    #haru-sp_circle .site-map-content {
        margin-left: 20px;
        margin-top: 0
    }
    #haru-sp_circle .site-map-content-main h1 {
        margin-top: 15px
    }
}

#haru-sp_circle .customer-briefing-center-content {
    margin-bottom: 45px;
    margin-top: 80px
}

#haru-sp_circle .customer-briefing-center-content .customer-briefing-img {
    text-align: center
}

#haru-sp_circle .customer-briefing-mission-statement {
    margin-top: 133px
}

#haru-sp_circle .customer-briefing-mission-statement p {
    font-size: 18px;
    line-height: 27px;
    padding-right: 12%;
    padding-left: 12%
}

#haru-sp_circle .customer-briefing-visit {
    margin-bottom: 70px
}

#haru-sp_circle .customer-briefing-visit h1 {
    font-size: 45px;
    margin-top: 0;
    font-weight: 700
}

#haru-sp_circle .customer-briefing-visit p {
    font-size: 18px;
    line-height: 27px;
    padding-right: 22%
}

#haru-sp_circle .customer-briefing-map {
    margin-bottom: 70px
}

#haru-sp_circle .customer-briefing-heading h3 {
    margin-top: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px
}

#haru-sp_circle .customer-briefing-heading p {
    font-size: 18px;
    line-height: 27px;
    margin-right: 18%
}

#haru-sp_circle .customer-briefing-address {
    margin-top: 26px
}

#haru-sp_circle .customer-briefing-address p {
    padding-right: 40%
}

#haru-sp_circle .customer-briefing-quote {
    background-color: #97999b;
    margin-bottom: 70px
}

#haru-sp_circle .customer-briefing-quote p {
    font-size: 28px;
    text-align: center;
    color: #fff
}

#haru-sp_circle .customer-briefing-quote p:first-of-type {
    margin-top: 75px
}

#haru-sp_circle .customer-briefing-quote .customer-briefing-quote-name {
    font-size: 21px;
    margin-top: 44px;
    margin-bottom: 70px
}

#haru-sp_circle .mosaic-get-started {
    background-color: #e7eef4
}

#haru-sp_circle .mosaic-get-started .text {
    padding-bottom: 30px
}

#haru-sp_circle .mosaic-get-started .simple-infobox {
    background-color: #fafcfe
}

#haru-sp_circle .mosaic-get-started .mosaic-container {
    border: 1px solid #c6cacd;
    border-radius: 2px;
    background-color: #fafcfe;
    padding: 20px;
    margin-bottom: 20px
}

#haru-sp_circle .mosaic-get-started .mosaic-container h3 {
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 18px
}

#haru-sp_circle .mosaic-get-started .mosaic-container .more-videos {
    text-align: right
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos {
    position: relative
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .video-item {
    position: relative;
    width: 100%;
    height: 202px;
    margin-bottom: 30px
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .video-item:nth-child(2n+1) {
    margin-right: 30px
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .video-item img {
    width: 100%;
    height: 202px;
    object-fit: cover
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .video-item .overlay {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 95, 134, .8);
    width: 100%;
    color: #fff;
    height: 50px;
    font-size: 16px
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .video-item .overlay table {
    height: 100%
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .video-item .overlay table td {
    height: 100%;
    vertical-align: middle
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .video-item .overlay .glyphicon {
    font-size: 30px;
    padding-left: 10px;
    padding-right: 10px
}

#haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .video-item .overlay a {
    color: #fff
}

@media (min-width:992px) {
    #haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .col-lg-6:nth-child(1n+3) .video-item {
        margin-bottom: 12px
    }
}

@media (max-width:767px) {
    #haru-sp_circle .mosaic-get-started .mosaic-container {
        margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 20px
    }
    #haru-sp_circle .mosaic-get-started .mosaic-container .row {
        margin-left: -6px;
        margin-right: -6px
    }
    #haru-sp_circle .mosaic-get-started .mosaic-container .mosaic-videos .col-lg-6:last-child .video-item {
        margin-bottom: 12px
    }
    #haru-sp_circle .mosaic-get-started .simple-infobox {
        margin-left: 7px;
        margin-right: 7px
    }
}

#haru-sp_circle .haru-sp_circle-login {
    background-image: url(source/images/haru-sp_circle-login-bg.jpg);
    background-size: cover;
    background-position: center center;
    padding-bottom: 50px;
    padding-top: 40px;
    font-size: 18px
}

#haru-sp_circle .haru-sp_circle-login h1 {
    font-size: 45px;
    margin-bottom: 30px
}

#haru-sp_circle .haru-sp_circle-login .rte {
    margin-bottom: 30px
}

#haru-sp_circle .haru-sp_circle-login .haru-sp_circle-login-white-box {
    min-height: 400px;
    background-color: #fff;
    padding: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 2px
}

#haru-sp_circle .haru-sp_circle-login .haru-sp_circle-login-white-box h1 {
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-login .haru-sp_circle-login-white-box .submit-btn {
    margin-top: 38px;
    margin-bottom: 24px
}

#haru-sp_circle .haru-sp_circle-login .haru-sp_circle-login-white-box .or {
    color: #999;
    font-weight: 700;
    margin-top: 20px
}

#haru-sp_circle .haru-sp_circle-login .haru-sp_circle-login-white-box label {
    margin-top: 15px
}

#haru-sp_circle .haru-sp_circle-login .haru-sp_circle-login-white-box .other-links {
    font-size: 15px
}

#haru-sp_circle .haru-sp_circle-login .haru-sp_circle-login-white-box .other-links>div {
    margin-bottom: 10px
}

#haru-sp_circle .haru-sp_circle-login .haru-sp_circle-login-white-box .other-links>div:last-child {
    margin-bottom: 0
}

@media (min-width:1200px) {
    #haru-sp_circle .haru-sp_circle-login {
        padding-bottom: 170px;
        padding-top: 170px
    }
    #haru-sp_circle .haru-sp_circle-login .btn {
        min-width: 220px
    }
}

#haru-sp_circle .video-modal .modal-dialog {
    width: 70vw
}

#haru-sp_circle .video-modal .modal-dialog .modal-header {
    text-align: left
}

#haru-sp_circle .video-modal .modal-dialog .modal-header .close {
    margin-top: -2px;
    font-size: 25px
}

#haru-sp_circle .video-modal .modal-dialog .modal-title {
    padding-bottom: 0;
    height: 21px
}

#haru-sp_circle .video-modal .modal-dialog .modal-body {
    width: 100%;
    height: auto;
    padding: 0
}

#haru-sp_circle .modal#video-modal .modal-dialog {
    height: auto
}

#haru-sp_circle .modal .modal-footer a {
    word-wrap: break-word
}

@media (min-width:768px) {
    #haru-sp_circle .modal#video-modal .modal-dialog {
        width: 70vw;
        margin: 30px auto
    }
}

@media (max-width:767px) {
    #haru-sp_circle .video-modal .modal-dialog {
        width: auto
    }
}

#haru-sp_circle .oo-popover-button-container {
    display: none
}

#haru-sp_circle .iphone .video-modal .modal-dialog .modal-body {
    overflow: hidden
}

#haru-sp_circle .iphone .oo-player-container .oo-player {
    height: 100%!important
}

@media only screen and (orientation:portrait) {
    #haru-sp_circle .iphone .video-modal .modal-dialog .modal-body {
        height: auto
    }
}

@media only screen and (orientation:landscape) {
    #haru-sp_circle .iphone .video-modal .modal-dialog .modal-body {
        height: auto
    }
}

#haru-sp_circle #video-wrapper {
    overflow: hidden
}

#haru-sp_circle .modal#video-modal,
#haru-sp_circle .modal.video-modal {
    margin-top: 0
}

#haru-sp_circle .modal-backdrop {
    z-index: 1035
}

#haru-sp_circle .Start-point ul li .oo-control-bar span {
    font-size: 23px;
    display: inline-block
}

#haru-sp_circle .Start-point ul li .oo-control-bar .oo-control-bar-duration span {
    font-size: 14px;
    color: #fff
}

@media (min-width:768px) {
    #haru-sp_circle .modal#yardvideo-modal .vidyard_player>span,
    #haru-sp_circle .modal.yardvideo-modal .vidyard_player>span {
        width: 100%!important;
        padding-top: 56.2%
    }
}

#haru-sp_circle .p3sdk-container .p3sdk-interactive-transcript-search-hit {
    font-weight: 700
}

#haru-sp_circle .p3sdk-container .p3sdk-interactive-transcript {
    margin: 0 auto
}

@media (max-width:768px) {
    #haru-sp_circle .video-display .oo-player-container {
        width: 100%!important
    }
}

#haru-sp_circle .oo-player-container {
    min-width: auto
}

#haru-sp_circle .haru-sp_circle-customer.video-display>div {
    max-width: 750px!important;
    width: auto!important
}

#haru-sp_circle .p3sdk-container {
    background: #f7f7f7
}

#haru-sp_circle .p3sdk-interactive-transcript-control-bar {
    display: none
}

#haru-sp_circle .p3sdk-interactive-transcript {
    background: #f7f7f7!important
}

#haru-sp_circle .p3sdk-interactive-transcript-progressbar {
    display: none!important
}

#haru-sp_circle .p3sdk-interactive-transcript-content:hover {
    cursor: default!important;
    cursor: text!important
}

@media (max-width:810px) {
    #haru-sp_circle .p3sdk-container {
        padding: 0 30px
    }
    #haru-sp_circle .p3sdk-interactive-transcript {
        width: 100%!important
    }
}

#haru-sp_circle .promoband .promocontainer {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center
}

#haru-sp_circle .promoband .promocontainer .promotext {
    padding-right: 0;
    text-align: right;
    max-width: 75%
}

#haru-sp_circle .promoband .promocontainer .promotext.text-left {
    text-align: left
}

#haru-sp_circle .promoband .promocontainer .promotext p {
    margin-bottom: 0;
    font-size: 21px;
    line-height: 27px;
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 0
}

#haru-sp_circle .promoband .promocontainer .promotext h1,
#haru-sp_circle .promoband .promocontainer .promotext h2,
#haru-sp_circle .promoband .promocontainer .promotext h3,
#haru-sp_circle .promoband .promocontainer .promotext h4,
#haru-sp_circle .promoband .promocontainer .promotext h5,
#haru-sp_circle .promoband .promocontainer .promotext h6 {
    margin-top: 0
}

#haru-sp_circle .promoband .promocontainer .promobutton {
    padding-left: 0;
    max-width: 25%
}

#haru-sp_circle .promoband .promocontainer .promobutton .btn {
    padding: 10px 25px 10px 25px;
    width: auto
}

#haru-sp_circle .promoband .promocontainer .promobutton a {
    margin-bottom: 0
}

#haru-sp_circle .promoband .promocontainer .promobutton .video a {
    margin-top: 0
}

#haru-sp_circle .promoband .promocontainer .promo-images img {
    width: 150px;
    max-height: 37px;
    padding-left: 15px;
    padding-right: 15px
}

#haru-sp_circle .promoband.parbase .promo-images img {
    width: 150px;
    max-height: 37px;
    padding-left: 15px;
    padding-right: 15px
}

#haru-sp_circle .promoband-modal {
    overflow-x: hidden!important;
    overflow-y: auto!important;
    margin-top: 0!important
}

#haru-sp_circle .promoband-modal .modal-dialog {
    top: 50px;
    position: relative
}

#haru-sp_circle .promoband-modal .modal-dialog .modal-content {
    height: 100%;
    padding: 10px 0;
    overflow-y: hidden;
    margin: 10px 0
}

#haru-sp_circle .promoband-modal .modal-dialog .modal-content .modal-header {
    box-shadow: 0 1px 2px 0 #ddd;
    padding: 10px 30px;
    border-bottom: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    min-height: 40px;
    margin: 1px 1px;
    z-index: 1;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

#haru-sp_circle .promoband-modal .modal-dialog .modal-content .modal-header .modal-title {
    padding: 0 10px!important
}

#haru-sp_circle .promoband-modal .modal-dialog .modal-content .modal-body {
    padding: 15px 30px 15px 30px;
    height: 100%;
    margin-top: 65px
}

#haru-sp_circle .promoband-modal .modal-dialog .modal-content .modal-body .modal-columns {
    width: 50%;
    float: left
}

#haru-sp_circle .promoband-modal .modal-dialog .modal-content .modal-body .modal-columns:nth-child(1) {
    padding-right: 40px
}

#haru-sp_circle .promoband-modal .modal-dialog .modal-content .modal-body p {
    padding-left: 0
}

#haru-sp_circle .promoband-modal .modal-dialog .modal-content .modal-body a:link {
    display: inline
}

#haru-sp_circle .promoband-modal .modal.license-modal {
    overflow-y: hidden!important;
    top: 0;
    margin: 45px 0 0 0;
    height: 75vh
}

#haru-sp_circle .promoband-modal .modal.license-modal .modal-backdrop.in {
    opacity: 0
}

#haru-sp_circle .promoband-modal .modal.license-modal .modal-dialog {
    height: 70%;
    top: 5%;
    position: relative
}

#haru-sp_circle .promoband-modal .modal.license-modal .modal-dialog .modal-content {
    height: 90%;
    padding: 0;
    overflow-y: hidden;
    margin: 10px 0
}

#haru-sp_circle .promoband-modal .modal.license-modal .modal-dialog .modal-content p {
    color: #2d2d2d!important
}

#haru-sp_circle .promoband-modal .modal.license-modal .modal-dialog .modal-content .modal-header {
    box-shadow: 0 4px 6px 0 #ddd;
    padding: 10px 30px;
    border-bottom: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    min-height: 36px;
    margin: 1px 1px;
    z-index: 1
}

#haru-sp_circle .promoband-modal .modal.license-modal .modal-dialog .modal-content .modal-body {
    height: 85%;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 62px
}

#haru-sp_circle .promoband-modal .modal.license-modal .modal-dialog .modal-content .modal-footer {
    display: none
}

#haru-sp_circle .promoband-modal .close {
    position: absolute;
    top: 10px;
    outline: 0;
    right: 10px;
    margin-top: -10px;
    opacity: .5;
    font-size: 45px;
    font-weight: 100
}

#haru-sp_circle .promoband-modal .close:hover {
    opacity: .8
}

#haru-sp_circle .promoband-modal .video-item-paragraph {
    position: relative
}

#haru-sp_circle .promoband-modal .video-item-paragraph .video-title {
    background: rgba(0, 95, 134, .8);
    color: #fff!important;
    border: 1px solid #000;
    width: 100%;
    padding-left: 50px!important;
    padding-top: 7px!important;
    bottom: 0;
    text-align: left!important;
    height: 50px;
    margin-bottom: 0!important;
    padding: 2px;
    line-height: 1.2!important
}

#haru-sp_circle .promoband-modal .video-item-paragraph .playcontainer {
    font-size: 30px;
    left: 0;
    padding-top: 40px;
    bottom: 0;
    margin-bottom: 0!important;
    position: absolute;
    width: 100%;
    color: #fff
}

#haru-sp_circle .promoband-modal .video-item-paragraph .playcontainer .glyphicon {
    position: absolute;
    bottom: 10px;
    left: 35px;
    top: auto
}

@media (max-width:767px) {
    #haru-sp_circle .promoband .promocontainer {
        display: inherit
    }
    #haru-sp_circle .promoband .promocontainer .promotext {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 100%;
        max-width: 100%
    }
    #haru-sp_circle .promoband .promocontainer .promotext p {
        font-family: "Proxima Nova";
        line-height: 120%;
        vertical-align: top;
        padding-bottom: 25px;
        padding-top: 25px;
        font-size: 18px;
        padding-right: 0
    }
    #haru-sp_circle .promoband .promocontainer .promotext h1,
    #haru-sp_circle .promoband .promocontainer .promotext h2,
    #haru-sp_circle .promoband .promocontainer .promotext h3,
    #haru-sp_circle .promoband .promocontainer .promotext h4,
    #haru-sp_circle .promoband .promocontainer .promotext h5,
    #haru-sp_circle .promoband .promocontainer .promotext h6 {
        margin-top: 0
    }
    #haru-sp_circle .promoband .promocontainer .promobutton {
        padding-bottom: 25px;
        padding-right: 0;
        max-width: 100%;
        text-align: center
    }
    #haru-sp_circle .promoband .promoband-modal .modal.license-modal .modal-body #content {
        min-width: 0
    }
    #haru-sp_circle .promoband .promoband-modal .modal.license-modal .modal-body ul {
        min-width: 0!important;
        word-break: break-word;
        word-wrap: break-word
    }
}

@media (min-width:768px) {
    #haru-sp_circle .promoband .promocontainer .promotext {
        max-width: 50%
    }
}

@media (max-width:991px) {
    #haru-sp_circle .promoband-modal {
        z-index: 10000
    }
    #haru-sp_circle .promoband-modal .modal-columns {
        width: 100%!important;
        float: none
    }
    #haru-sp_circle .promoband-modal .modal.license-modal .modal-body ul {
        margin-left: 0!important
    }
}

@media (min-width:992px) {
    #haru-sp_circle .license-modal .modal-body .clearfix .container {
        width: 100%!important
    }
}

@media (min-width:1025px) {
    #haru-sp_circle .promoband .promocontainer .promotext {
        max-width: 75%
    }
}

#haru-sp_circle .dropdown-backdrop {
    position: static
}

#haru-sp_circle .no-padding {
    padding-top: 0!important;
    padding-bottom: 0!important
}

#haru-sp_circle .pricing2016 h2 {
    text-align: center
}

#haru-sp_circle .pricing2016 .askexpert h2 {
    text-align: left
}

#haru-sp_circle .pricing2016 .pricing-header {
    margin-bottom: 25px
}

#haru-sp_circle .pricing2016 .pricing-header img {
    width: auto
}

#haru-sp_circle .pricing2016 .btn-top-padding {
    padding-top: 10px
}

#haru-sp_circle .pricing2016 .pricing-section {
    padding-top: 13px;
    padding-bottom: 30px
}

#haru-sp_circle .pricing2016 .unit-measurement {
    font-size: 15px
}

#haru-sp_circle .pricing2016 .subtitle-padding {
    padding-bottom: 40px
}

#haru-sp_circle .pricing2016 .btn-large-width {
    margin-right: 8px;
    margin-left: 8px;
    width: 48%
}

#haru-sp_circle .pricing2016 .title-tab {
    background-color: #fff;
    font-weight: 600;
    font-size: 18px;
    color: #2d2d2d!important
}

#haru-sp_circle .pricing2016 .big-rectangular-tabs ul.tabs>li.active::after {
    background-image: none
}

#haru-sp_circle .pricing2016 .big-rectangular-tabs ul.tabs>li {
    text-align: center
}

#haru-sp_circle .pricing2016 .big-rectangular-tabs-bodies {
    padding: 0
}

#haru-sp_circle .pricing2016 .glyphicon {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 3px
}

#haru-sp_circle .pricing2016 .glyphicon:before {
    display: inline-block
}

#haru-sp_circle .pricing2016 .glyphicon.glyphicon-question-sign:before {
    content: ' ';
    background: url(source/images/icon-question-sign-gray.svg) no-repeat;
    width: 13px;
    height: 14px;
    margin-left: -5px
}

#haru-sp_circle .pricing2016 .glyphicon.glyphicon-minus-sign:before {
    content: ' ';
    background: url(source/images/icon-minus-sign-blue.svg) no-repeat;
    width: 17px;
    height: 17px
}

#haru-sp_circle .pricing2016 .glyphicon.glyphicon-ok:before {
    content: ' ';
    background: url(source/images/icon-ok-green.svg) no-repeat;
    width: 13px;
    height: 16px
}

#haru-sp_circle .pricing2016 .glyphicon.glyphicon-chevron-down:before {
    content: ' ';
    background: url(source/images/icon-chevron-down-blue.svg) no-repeat;
    width: 17px;
    height: 17px
}

#haru-sp_circle .pricing2016 .glyphicon.glyphicon-chevron-up:before {
    content: ' ';
    background: url(source/images/icon-chevron-up-blue.svg) no-repeat;
    width: 17px;
    height: 17px
}

#haru-sp_circle .pricing2016 .panel-group {
    margin-bottom: 0
}

#haru-sp_circle .pricing2016 .panel-group .panel:nth-child(1) .panel-heading {
    background-color: #fff;
    padding-top: 18px;
    padding-bottom: 18px
}

#haru-sp_circle .pricing2016 .panel-group .panel {
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0
}

#haru-sp_circle .pricing2016 .panel-group .panel .panel-title a {
    color: #fff;
    display: inherit
}

#haru-sp_circle .pricing2016 .panel-group .panel .panel-body {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0
}

#haru-sp_circle .pricing2016 .panel-group .panel a .glyphicon {
    float: right
}

#haru-sp_circle .pricing2016 .panel-group .panel a .glyphicon.glyphicon-chevron-up {
    display: block;
    color: #00a9e0
}

#haru-sp_circle .pricing2016 .panel-group .panel a .glyphicon.glyphicon-chevron-down {
    display: none
}

#haru-sp_circle .pricing2016 .panel-group .panel a.collapsed .glyphicon.glyphicon-chevron-down {
    display: block
}

#haru-sp_circle .pricing2016 .panel-group .panel a.collapsed .glyphicon.glyphicon-chevron-up {
    display: none
}

#haru-sp_circle .pricing2016 .panel-group .panel .panel-heading {
    border-radius: 0;
    background-color: #404549
}

#haru-sp_circle .pricing2016 .panel-group .panel .panel-heading h4 {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    padding: 9px 0
}

#haru-sp_circle .pricing2016 .panel-group .panel+.panel {
    margin-top: 0
}

#haru-sp_circle .pricing2016 .pricing-header {
    text-align: center
}

#haru-sp_circle .pricing2016 .pricing-header img {
    max-height: 36px
}

#haru-sp_circle .pricing2016 .pricing-content .glyphicon-minus-sign {
    color: #09c;
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 30px
}

#haru-sp_circle .pricing2016 .pricing-content .subtitle {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 25px
}

#haru-sp_circle .pricing2016 .pricing-content .box-title {
    font-weight: 600;
    color: #2d2d2d;
    font-size: 18px
}

#haru-sp_circle .pricing2016 .pricing-content .box-title .glyphicon {
    color: #97999b;
    font-size: 14px
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select {
    width: 100%!important
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select button {
    background: transparent url(source/images/icon-chevron-down-black.svg) right 1rem center/1.4rem .8rem no-repeat;
    background-size: 14px;
    border: 4px solid #00a9e0;
    color: inherit;
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select button:hover {
    background-color: #fff
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select button .caret {
    display: none
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select .dropdown-menu {
    border: 2px solid #00a9e0;
    padding: 0;
    top: -2px;
    z-index: 1
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select .dropdown-menu li {
    font-size: 18px;
    text-align: left!important
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select .dropdown-menu li a {
    padding: 6px 10px
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select .dropdown-menu li a:focus {
    outline: 0
}

#haru-sp_circle .pricing2016 .pricing-content .bootstrap-select .dropdown-menu li a:hover {
    background-color: #f0f2f3
}

#haru-sp_circle .pricing2016 .pricing-content .price-section {
    margin-bottom: 23px
}

#haru-sp_circle .pricing2016 .pricing-content .price-section input[type=text] {
    margin-top: 12px;
    border: 4px solid #00a9e0;
    font-size: 21px;
    color: #2d2d2d;
    width: 100%;
    padding: 5px;
    border-radius: 2px;
    cursor: text
}

#haru-sp_circle .pricing2016 .pricing-content .price-section input[type=text].error {
    border: 2px solid #e64b3c
}

#haru-sp_circle .pricing2016 .pricing-content .price-section .subtext {
    font-size: 12px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box {
    margin-bottom: 18px;
    padding-top: 20px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .box-title {
    font-weight: 600;
    color: #2d2d2d;
    font-size: 18px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .box-title .glyphicon {
    color: #97999b;
    font-size: 14px;
    top: 2px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .price-section {
    margin-top: 28px;
    margin-bottom: 47px;
    height: auto
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .price-section input[type=text] {
    border: 4px solid #00a9e0;
    font-size: 21px;
    color: #2d2d2d;
    width: 100%;
    padding: 5px;
    border-radius: 2px;
    cursor: text
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .price-section input[type=text].error {
    border: 2px solid #e64b3c
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .price-section .subtext {
    font-size: 12px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .support {
    height: auto;
    margin-bottom: 48px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .total {
    height: auto
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box .hunk-price-section {
    font-size: 30px;
    color: #2d2d2d;
    font-weight: 700;
    margin-top: 70px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .support,
#haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .total {
    font-weight: 600;
    text-align: right
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .total {
    position: relative;
    top: 6px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .price-section {
    height: 78px;
    margin-top: 18px;
    margin-bottom: 17px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-annual,
#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-perpetual {
    text-align: center;
    border-radius: 3px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-annual .price-section,
#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-annual .support,
#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-perpetual .price-section,
#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-perpetual .support {
    color: #7a7b7d;
    font-size: 21px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-annual .total,
#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-perpetual .total {
    font-weight: 700;
    color: #2d2d2d;
    font-size: 30px
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-annual {
    background-color: #def7fe
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.license-box-perpetual {
    background-color: #e8fcd9
}

#haru-sp_circle .pricing2016 .pricing-content .pricing-box.hunk-box {
    min-height: 250px
}

#haru-sp_circle .pricing2016 .pricing-content .checklist {
    margin-bottom: 20px;
    padding-top: 20px
}

#haru-sp_circle .pricing2016 .pricing-content .checklist ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}

#haru-sp_circle .pricing2016 .pricing-content .checklist ul li {
    color: #7a7b7b;
    margin-bottom: 10px
}

#haru-sp_circle .pricing2016 .pricing-content .checklist ul li .glyphicon {
    color: #65a637;
    margin-right: 8px;
    display: block;
    float: left;
    top: 2px
}

#haru-sp_circle .pricing2016 .pricing-content .checklist ul li :not(.glyphicon) {
    display: block;
    overflow: hidden
}

#haru-sp_circle .pricing2016 .pricing-content .toggle {
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 394px;
    height: 47px;
    margin: 0 auto 30px;
    position: relative
}

#haru-sp_circle .pricing2016 .pricing-content .toggle.switch-software,
#haru-sp_circle .pricing2016 .pricing-content .toggle.toggle-software {
    background-image: url(source/images/toggle-software-active.jpg)
}

#haru-sp_circle .pricing2016 .pricing-content .toggle.switch-cloud,
#haru-sp_circle .pricing2016 .pricing-content .toggle.toggle-cloud {
    background-image: url(source/images/toggle-cloud-active.jpg)
}

#haru-sp_circle .pricing2016 .pricing-content .toggle a {
    display: inline-block;
    height: 100%
}

#haru-sp_circle .pricing2016 .pricing-content .toggle a.toggle-software {
    float: left;
    width: 30%
}

#haru-sp_circle .pricing2016 .pricing-content .toggle a.switch-software {
    float: left;
    width: 6%;
    height: 54%;
    margin-top: 14px;
    margin-left: 6.5%
}

#haru-sp_circle .pricing2016 .pricing-content .toggle a.switch-cloud {
    float: left;
    width: 6.5%;
    height: 54%;
    margin-top: 14px;
    margin-left: 5%
}

#haru-sp_circle .pricing2016 .pricing-content .toggle a.toggle-cloud {
    float: right;
    width: 40%
}

#haru-sp_circle .pricing2016 .pricing-content .ctas .btn {
    margin-bottom: 40px;
    color: #fff!important
}

#haru-sp_circle .pricing2016 .pricing-content .small-letter {
    line-height: 1.4em;
    font-size: 12px;
    color: #2d2d2d;
    text-align: center
}

#haru-sp_circle .pricing2016 .pricing-content .small-letter p {
    font-weight: 400;
    line-height: 1.4em;
    font-size: 12px;
    color: #2d2d2d;
    text-align: center
}

#haru-sp_circle .pricing2016 .toggle-tab {
    display: none
}

#haru-sp_circle .pricing2016 .toggle-tab.active {
    display: block
}

#haru-sp_circle .pricing2016 .pricing-drawer {
    padding-top: 15px;
    padding-bottom: 15px;
    background: -webkit-repeating-linear-gradient(#ccc, #fff 3%, #fff 95%, #ccc);
    background: -o-repeating-linear-gradient(#ccc, #fff 3%, #fff 95%, #ccc);
    background: -moz-repeating-linear-gradient(#ccc, #fff 3%, #fff 95%, #ccc);
    background: repeating-linear-gradient(#ccc, #fff 3%, #fff 95%, #eee)
}

#haru-sp_circle .pricing2016 .pricing-drawer .pricing-header .glyphicon {
    color: #09c;
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 40px
}

#haru-sp_circle .pricing2016 .pricing-drawer .pricing-content .pricing-box.volume-picker .price-section {
    margin-top: 7px;
    margin-bottom: 32px
}

#haru-sp_circle .pricing2016 .pricing-drawer .pricing-content .pricing-box.volume-picker .price-section .input-error {
    color: #e64b3c;
    padding-left: 10px;
    font-size: 14px;
    width: 90%;
    position: absolute;
    left: 15px
}

#haru-sp_circle .pricing2016 .pricing-drawer .pricing-popover.sticky {
    display: block;
    left: 0;
    top: 45px;
    position: relative;
    padding: 10px;
    width: 90%;
    z-index: 150
}

#haru-sp_circle .pricing2016 .pricing-drawer .pricing-popover.sticky.left {
    margin-left: 20px
}

#haru-sp_circle .pricing2016 .pricing-drawer .pricing-popover.sticky .popover-content {
    padding: 0
}

#haru-sp_circle .pricing2016 .pricing-drawer .pricing-popover.sticky>.arrow {
    top: 50px;
    right: -10px
}

#haru-sp_circle .pricing2016 .faq {
    background-color: #f7f7f7
}

#haru-sp_circle .pricing2016 .faq h2 {
    margin-top: 0;
    text-align: center
}

#haru-sp_circle .pricing2016 .faq .question {
    margin-top: 20px;
    font-weight: 800;
    font-size: 21px;
    line-height: 25px;
    color: #2d2d2d;
    margin-bottom: 5px
}

#haru-sp_circle .pricing2016 .faq .answer {
    line-height: 25px;
    font-size: 18px;
    color: #2d2d2d;
    margin-bottom: 9px
}

#haru-sp_circle .pricing2016 .faq .answer p {
    font-weight: 400;
    line-height: 25px;
    font-size: 18px;
    color: #2d2d2d;
    margin-bottom: 9px
}

#haru-sp_circle .pricing2016 .open-popover {
    cursor: pointer
}

#haru-sp_circle .pricing2016 .pricing-popover {
    background-color: #97999b;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    border-radius: 0;
    max-width: 288px;
    width: 248px
}

#haru-sp_circle .pricing2016 .pricing-popover .popover-content {
    padding: 9px
}

#haru-sp_circle .pricing2016 .pricing-popover.narrow {
    width: 134px
}

#haru-sp_circle .pricing2016 .pricing-popover.right>.arrow {
    border-right-color: #97999b
}

#haru-sp_circle .pricing2016 .pricing-popover.right>.arrow:after {
    border-right-color: #97999b
}

#haru-sp_circle .pricing2016 .pricing-popover.top>.arrow {
    border-top-color: #97999b
}

#haru-sp_circle .pricing2016 .pricing-popover.top>.arrow:after {
    border-top-color: #97999b
}

#haru-sp_circle .pricing2016 .pricing-popover.left>.arrow {
    border-left-color: #97999b
}

#haru-sp_circle .pricing2016 .pricing-popover.left>.arrow:after {
    border-left-color: #97999b
}

#haru-sp_circle .pricing2016 .pricing-popover.bottom>.arrow {
    border-bottom-color: #97999b
}

#haru-sp_circle .pricing2016 .pricing-popover.bottom>.arrow:after {
    border-bottom-color: #97999b
}

#haru-sp_circle .pricing2016 .pricing-popover.green {
    background-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.green.right>.arrow {
    border-right-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.green.right>.arrow:after {
    border-right-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.green.top>.arrow {
    border-top-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.green.top>.arrow:after {
    border-top-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.green.left>.arrow {
    border-left-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.green.left>.arrow:after {
    border-left-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.green.bottom>.arrow {
    border-bottom-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.green.bottom>.arrow:after {
    border-bottom-color: #65a637
}

#haru-sp_circle .pricing2016 .pricing-popover.blue {
    background-color: #00a9e0
}

#haru-sp_circle .pricing2016 .pricing-popover.blue.right>.arrow {
    border-right-color: #00a9e0
}

#haru-sp_circle .pricing2016 .pricing-popover.blue.right>.arrow:after {
    border-right-color: #00a9e0
}

#haru-sp_circle .pricing2016 .pricing-popover.blue.top>.arrow {
    border-top-color: #00a9e0
}

#haru-sp_circle .pricing2016 .pricing-popover.blue.top>.arrow:after {
    border-top-color: #00a9e0
}

#haru-sp_circle .pricing2016 .pricing-popover.blue.left>.arrow {
    border-left-color: #00a9e0
}

#haru-sp_circle .pricing2016 .pricing-popover.blue.left>.arrow:after {
    border-left-color: #00a9e0
}

#haru-sp_circle .pricing2016 .pricing-popover.blue.bottom>.arrow {
    border-bottom-color: #00a9e0
}

#haru-sp_circle .pricing2016 .pricing-popover.blue.bottom>.arrow:after {
    border-bottom-color: #00a9e0
}

#haru-sp_circle .pricing2016 .tooltip {
    left: 85px!important;
    top: -80px!important;
    padding: 5px;
    position: relative
}

#haru-sp_circle .pricing2016 .tooltip.in {
    opacity: 1
}

#haru-sp_circle .pricing2016 .tooltip .tooltip-arrow {
    left: 51%!important
}

#haru-sp_circle .pricing2016 .tooltip .tooltip-inner {
    font-size: 14px;
    font-weight: 400;
    padding: 9px 14px;
    text-align: left
}

#haru-sp_circle .pricing2016 .tooltip.green .tooltip-arrow {
    border-top-color: #65a637
}

#haru-sp_circle .pricing2016 .tooltip.green .tooltip-inner {
    background-color: #65a637
}

#haru-sp_circle .pricing2016 .tooltip.blue .tooltip-arrow {
    border-top-color: #00a9e0
}

#haru-sp_circle .pricing2016 .tooltip.blue .tooltip-inner {
    background-color: #00a9e0
}

#haru-sp_circle .pricing2016 .tooltip.gray .tooltip-arrow {
    border-top-color: #97999b
}

#haru-sp_circle .pricing2016 .tooltip.gray .tooltip-inner {
    background-color: #97999b
}

@media (min-width:768px) {
    #haru-sp_circle .pricing2016 .haru-sp_circle-lead {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .pricing2016 .btn-large-width {
        margin: 12px 8px
    }
}

@media (min-width:992px) {
    #haru-sp_circle .pricing2016 .haru-sp_circle-lead {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (max-width:767px) {
    #haru-sp_circle .pricing2016 .pricing-content .col-xs-2 {
        padding-left: 3px!important
    }
}

@media (max-width:767px) {
    #haru-sp_circle .pricing2016 .ctas {
        margin-left: 0!important;
        margin-right: 0!important
    }
    #haru-sp_circle .pricing2016 .ctas .btn-large-width {
        width: 100%;
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left: 0!important
    }
    #haru-sp_circle .pricing2016 .pricing-content .box-title {
        font-size: 16px!important
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker h7 {
        font-size: 16px
    }
    #haru-sp_circle .ctas .col-xs-offset-1 {
        margin-left: 0
    }
    #haru-sp_circle .ctas .col-xs-5 {
        float: left;
        width: 50%
    }
    #haru-sp_circle .pricing2016 .tab-content {
        margin-top: 0
    }
    #haru-sp_circle .pricing2016 .haru-sp_circle-lead {
        margin-right: 20px;
        margin-left: 20px
    }
    #haru-sp_circle .pricing2016 .big-rectangular-tabs,
    #haru-sp_circle .pricing2016 .big-rectangular-tabs-bodies {
        margin-bottom: 0;
        border-bottom: none
    }
    #haru-sp_circle .pricing2016 .panel-group {
        margin-bottom: 0
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box .box-title {
        padding-left: 12px;
        padding-right: 12px
    }
    #haru-sp_circle .pricing2016 .pricing-content .row {
        margin-left: -8px;
        margin-right: -8px
    }
    #haru-sp_circle .pricing2016 .pricing-content .row:not(.hidden-sm) .col-xs-5 {
        padding-left: 20px;
        padding-right: 3px
    }
    #haru-sp_circle .pricing2016 .pricing-content .ctas .btn {
        margin-bottom: 30px
    }
    #haru-sp_circle .pricing2016 .pricing-box.volume-picker .box-title {
        font-size: 16px;
        margin-top: 50px;
        padding-right: 0;
        text-align: right
    }
    #haru-sp_circle .pricing2016 .pricing-box.volume-picker .support {
        margin-top: 15px;
        margin-bottom: 54px
    }
    #haru-sp_circle .pricing2016 .pricing-box.volume-picker .total {
        top: -3px!important
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .hidden-sm .pricing-popover.sticky {
        display: block;
        left: 61%;
        top: 0;
        position: absolute;
        padding: 10px;
        width: 160px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .hidden-sm .pricing-popover.sticky .popover-content {
        padding: 0
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .hidden-sm .pricing-popover.sticky.right>.arrow {
        top: 52px;
        left: -10px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-header .glyphicon {
        right: 10px;
        top: 13px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-box.volume-picker .support {
        margin-top: 44px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-box.volume-picker .total {
        top: 1px!important
    }
    #haru-sp_circle .pricing2016 .pricing-content .price-section .bootstrap-select {
        margin-top: 12px;
        width: 60%!important
    }
    #haru-sp_circle .pricing2016 .pricing-content .price-section input[type=text],
    #haru-sp_circle .pricing2016 .pricing-content .price-section select {
        margin-top: 12px;
        width: 60%
    }
    #haru-sp_circle .pricing2016 .faq .answer,
    #haru-sp_circle .pricing2016 .faq .question {
        font-size: 15px;
        line-height: 22px
    }
    #haru-sp_circle .pricing2016 .askexpert p {
        font-size: 15px;
        line-height: 22px
    }
}

#haru-sp_circle .ask-expert-container {
    padding-top: 60px!important
}

@media (min-width:768px) {
    #haru-sp_circle .pricing2016 .pricing-content .ctas .btn {
        padding-top: 15px;
        padding-bottom: 15px;
        width: 100%
    }
}

@media (min-width:769px) and (max-width:867px) {
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-content .pricing-box.volume-picker .price-section {
        margin-bottom: 11px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-popover.sticky>.arrow {
        top: 40px
    }
}

@media (width:768px) {
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-content .pricing-box.volume-picker .price-section {
        margin-bottom: 33px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-popover.sticky {
        padding: 10px;
        width: 127%;
        z-index: 150
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-popover.sticky.left {
        margin-left: -9px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-popover.sticky>.arrow {
        top: 19px
    }
}

@media (max-width:990px) {
    #haru-sp_circle .pricing2016 .no-padding-sides {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:991px) {
    #haru-sp_circle .pricing2016 .pricing-content a.btn {
        height: auto
    }
}

@media (max-width:992px) {
    #haru-sp_circle .pricing2016 .title-tab {
        cursor: default;
        background-color: transparent
    }
    #haru-sp_circle .pricing2016 .panel-group .panel:nth-child(1) .collapse,
    #haru-sp_circle .pricing2016 .panel-group .panel:nth-child(1) .collapse.in {
        display: none!important;
        height: 0
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .pricing-section {
        padding-top: 22px
    }
}

@media (min-width:991px) {
    #haru-sp_circle .pricing2016 .tabs li:nth-child(1) {
        width: 345px
    }
    #haru-sp_circle .pricing2016 .pricing-section {
        padding-top: 66px;
        padding-bottom: 68px
    }
    #haru-sp_circle .pricing2016 .pricing-content .subtitle {
        line-height: 32px;
        margin-top: 0;
        font-size: 24px;
        font-weight: 600
    }
    #haru-sp_circle .pricing2016 .pricing-content .toggle {
        margin-bottom: 40px
    }
    #haru-sp_circle .pricing2016 .title-tab {
        cursor: default;
        background-color: transparent
    }
    #haru-sp_circle .pricing2016 .tabs a .glyphicon {
        display: none!important
    }
    #haru-sp_circle .pricing2016 .faq h2 {
        margin-bottom: 40px
    }
    #haru-sp_circle .pricing2016 .faq .question:nth-child(1) {
        margin-top: 0
    }
}

@media (max-width:650px) {
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .box-title .txt-day {
        display: inline-block
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .box-title .glyphicon {
        left: 0
    }
}

@media (max-width:600px) {
    #haru-sp_circle .pricing2016 .pricing-popover {
        width: 100%
    }
}

@media (max-width:500px) {
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .box-title,
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .support,
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .total {
        text-align: left!important
    }
}

@media (max-width:560px) {
    #haru-sp_circle .pricing2016 .haru-sp_circle-lead {
        padding-right: 30px;
        padding-left: 30px
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .box-title {
        font-size: 16px;
        padding-left: 0
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .support {
        margin-top: 43px
    }
}

@media (min-width:415px) and (max-width:560px) {
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .support {
        margin-top: 14px!important
    }
}

@media (min-width:320px) and (max-width:410px) {
    #haru-sp_circle .pricing2016 .pricing-content .subtitle {
        font-size: 16px
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .box-title {
        font-size: 15px;
        margin-top: 50px
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .box-title .glyphicon {
        display: none
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .support {
        margin-top: 25px;
        font-size: 15px;
        margin-bottom: 52px
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .total {
        font-size: 15px
    }
    #haru-sp_circle .pricing2016 .pricing-popover .popover-content {
        padding: 7px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .hidden-sm .pricing-popover.sticky {
        font-size: 13px;
        left: 60.5%;
        padding: 7px;
        width: 35%
    }
}

@media (min-width:411px) and (max-width:420px) {
    #haru-sp_circle .pricing2016 .pricing-content .subtitle {
        font-size: 16px
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .box-title {
        font-size: 15px;
        margin-top: 50px
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .box-title .glyphicon {
        display: none
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .support {
        margin-top: 25px;
        font-size: 15px;
        margin-bottom: 32px
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .total {
        font-size: 15px
    }
    #haru-sp_circle .pricing2016 .pricing-popover .popover-content {
        padding: 7px
    }
    #haru-sp_circle .pricing2016 .pricing-drawer .hidden-sm .pricing-popover.sticky {
        font-size: 13px;
        left: 60.5%;
        padding: 7px;
        width: 35%
    }
}

@media (min-width:768px) and (max-width:855px) {
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box .box-title {
        padding: 0 19px
    }
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box .no-padding-sides {
        padding: 0 0!important
    }
}

@media (min-width:842px) and (max-width:855px) {
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box .box-title {
        padding: 0 29px
    }
}

@media (max-width:320px) {
    #haru-sp_circle .pricing2016 .pricing-content .toggle {
        height: 36px
    }
}

@media (min-width:768px) and (max-width:855px) {
    #haru-sp_circle .pricing2016 .pricing-content .pricing-box.volume-picker .price-section {
        margin-top: 3px
    }
}

@media (min-width:415px) and (max-width:478px) {
    #haru-sp_circle .pricing2016 .license-box-annual .box-title,
    #haru-sp_circle .pricing2016 .license-box-perpetual .box-title {
        padding: 0 34px!important
    }
}

@media (max-width:414px) {
    #haru-sp_circle .pricing2016 .license-box-annual .box-title,
    #haru-sp_circle .pricing2016 .license-box-perpetual .box-title {
        padding: 0 24px!important
    }
}

@media (min-width:812px) and (max-width:855px) {
    #haru-sp_circle .pricing2016 .volume-picker .box-title {
        margin-bottom: 24px
    }
}

@media (min-width:812px) and (max-width:823px) {
    #haru-sp_circle .pricing2016 .volume-picker .box-title {
        margin-bottom: 0
    }
}

@media (min-width:480px) {
    #haru-sp_circle .pricing2016 .haru-sp_circle-h2 {
        font-size: 45px!important
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .pricing2016 .haru-sp_circle-h2 {
        font-size: 50px!important
    }
}

@media (max-width:479px) {
    #haru-sp_circle .pricing2016 .haru-sp_circle-h2 {
        font-size: 30px!important
    }
}

#haru-sp_circle .pricing .big-rectangular-tabs ul.tabs>li {
    text-align: center
}

#haru-sp_circle .pricing .big-rectangular-tabs ul.tabs>li:nth-child(1) {
    border-left: 1px solid #b1b2b2
}

#haru-sp_circle .flag {
    display: inline-block;
    border-radius: 2px;
    margin: 0 15px 15px 15px;
    color: #fff;
    padding: 12px 10px 12px 10px;
    font-size: 14px;
    line-height: 1.2em;
    color: #7a7b7d
}

#haru-sp_circle .flag.gray {
    background-color: #97999b;
    color: #fff
}

#haru-sp_circle .flag.blue {
    background-color: #00a9e0;
    color: #fff
}

#haru-sp_circle .flag.green {
    background-color: #65a637;
    color: #fff
}

#haru-sp_circle .flag.border-gray {
    border: 1px solid #97999b
}

#haru-sp_circle .flag.border-blue {
    border: 1px solid #00a9e0
}

#haru-sp_circle .flag.border-green {
    border: 1px solid #65a637
}

#haru-sp_circle .big-rectangular-tabs {
    background-color: #f4f4f4;
    height: 74px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 3px solid #707072
}

#haru-sp_circle .big-rectangular-tabs a {
    text-decoration: none!important
}

#haru-sp_circle .big-rectangular-tabs a .caret {
    color: #32749f;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

#haru-sp_circle .big-rectangular-tabs ul.tabs {
    display: table;
    margin-bottom: 0;
    padding-left: 0;
    table-layout: fixed;
    width: 100%;
    text-align: center
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li {
    display: table-cell;
    vertical-align: middle;
    height: 71px;
    font-weight: 600;
    font-size: 20px;
    position: relative
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li.active {
    background-color: #707072;
    color: #fff
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li.active a {
    color: #fff
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li.active a .caret {
    color: #fff
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li.active .tab-top-edge {
    position: absolute;
    width: 100%;
    height: 7px;
    background-color: #707072;
    top: -6px;
    border-radius: 3px 3px 0 0
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li.active ul.dropdown-menu>li a {
    color: #04ace3
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li.active ul.dropdown-menu>li.active a {
    color: #fff
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li.active::after {
    content: "";
    display: block;
    width: 38px;
    height: 20px;
    position: absolute;
    background-image: url(source/images/active-Tab-up-arrow.png);
    z-index: 2;
    bottom: -5px;
    left: 50%;
    margin-left: -20px
}

#haru-sp_circle .big-rectangular-tabs ul.dropdown-menu {
    width: 213px;
    left: -10px;
    margin-top: -3px;
    padding-left: 0
}

#haru-sp_circle .big-rectangular-tabs ul.dropdown-menu>li {
    text-align: center;
    font-size: 16px
}

#haru-sp_circle .big-rectangular-tabs ul.dropdown-menu>li a {
    color: #04ace3
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile {
    padding-left: 0;
    padding-right: 0
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile .contents-menu-header {
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile .contents-menu-header i {
    float: right;
    position: relative;
    top: 3px
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile .navbar-toggle {
    margin: 0;
    padding: 0;
    border-radius: 0;
    position: relative;
    top: 5px
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile .navbar-toggle .icon-bar {
    height: 2px;
    background-color: #32749f;
    width: 12px;
    margin-top: 2px
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile .contents-list .nav li a:hover {
    display: block;
    color: #fff;
    background-color: #707072!important
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile .contents-list .nav li.active a {
    display: block;
    color: #fff;
    background-color: #707072!important
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile .contents-list .nav li a {
    padding-left: 15px;
    padding-right: 15px
}

#haru-sp_circle .big-rectangular-tabs .docs-tabs-mobile .contents-list ul li a {
    padding-left: 0
}

#haru-sp_circle .big-rectangular-tabs-bodies {
    background-color: #fff
}

#haru-sp_circle .big-rectangular-tabs-bodies .container.no-padding {
    padding-left: 0;
    padding-right: 0
}

#haru-sp_circle .big-rectangular-tabs-bodies .container-fluid.no-padding {
    padding-left: 0;
    padding-right: 0
}

#haru-sp_circle .big-rectangular-tabs-bodies .overview-body-colum a {
    font-weight: 500;
    font-size: 18px
}

#haru-sp_circle .big-rectangular-tabs-bodies .overview-body-colum p {
    color: #474444;
    font-weight: 200;
    font-size: 14px
}

#haru-sp_circle .big-rectangular-tabs-bodies .overview-body-colum {
    padding: 55px
}

@media (max-width:991px) {
    #haru-sp_circle .big-rectangular-tabs {
        height: auto
    }
    #haru-sp_circle .big-rectangular-tabs ul.tabs>li a {
        font-size: 15px;
        line-height: 16px
    }
    #haru-sp_circle .big-rectangular-tabs .navbar {
        min-height: inherit;
        margin-bottom: 0
    }
    #haru-sp_circle #docs-tabs-bodies .overview-body-colum {
        padding: 5px
    }
    #haru-sp_circle #docs-tabs-bodies>div>.container {
        padding-left: 0;
        padding-right: 0
    }
}

#haru-sp_circle .generic-tabs {
    padding-bottom: 0
}

#haru-sp_circle .generic-tabs #overview-options {
    margin-top: 40px
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li {
    border-right: 1px solid #b1b2b2
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li.active .tab-top-edge {
    position: absolute;
    width: 100%;
    height: 7px;
    background-color: #01deff;
    top: -7px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #01deff
}

#haru-sp_circle .big-rectangular-tabs ul.tabs>li:nth-child(1) {
    color: #626262
}

#haru-sp_circle .big-rectangular-tabs .title {
    height: 50px;
    line-height: 40px;
    font-weight: 800;
    text-align: center;
    border-bottom: 1px solid #dedede;
    color: #626262
}

#haru-sp_circle .big-rectangular-tabs .events-title {
    font-weight: 700;
    font-size: 18px
}

#haru-sp_circle .big-rectangular-tabs-bodies {
    padding-bottom: 40px
}

#haru-sp_circle .tab-body-three-lists {
    padding-top: 20px;
    padding-bottom: 60px
}

#haru-sp_circle .tab-body-three-lists .col-md-3 {
    padding-left: 75px
}

#haru-sp_circle .tab-body-three-lists .title {
    font-weight: 800;
    color: #006b9f;
    font-size: 1.2em;
    margin-top: 6px
}

#haru-sp_circle .tab-body-three-lists ul {
    padding-left: 16px;
    padding-top: 10px
}

#haru-sp_circle .tab-body-three-lists ul li {
    color: #474444;
    margin-bottom: 14px
}

@media (max-width:768px) {
    #haru-sp_circle .big-rectangular-tabs,
    #haru-sp_circle .big-rectangular-tabs-bodies {
        font-size: 16px
    }
    #haru-sp_circle .tab-body-three-lists .col-md-3 {
        padding-left: 20px
    }
}

@media (max-width:991px) {
    #haru-sp_circle .big-rectangular-tabs ul.tabs>li a {
        font-size: 14px
    }
    #haru-sp_circle .big-rectangular-tabs ul.tabs>li.active .tab-top-edge {
        top: -5px;
        height: 5px
    }
    #haru-sp_circle .big-rectangular-tabs ul.tabs>li.active::after {
        width: 31px;
        height: 13px
    }
    #haru-sp_circle .big-rectangular-tabs ul.tabs>li:last-child {
        border-right: none
    }
    #haru-sp_circle .big-rectangular-tabs ul.tabs>li {
        height: 50px
    }
    #haru-sp_circle .col-lg-12-mobile {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
    #haru-sp_circle .col-lg-12-mobile>.container {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

#haru-sp_circle .it-vision-hero {
    padding-top: 60px;
    position: relative;
    background-size: cover!important;
    height: 580px;
    background-position: center center;
    background-repeat: no-repeat
}

#haru-sp_circle .it-vision-hero .social-block {
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
    padding-bottom: 11px;
    padding-top: 11px;
    vertical-align: middle
}

#haru-sp_circle .it-vision-main .icon-text-container {
    position: relative;
    padding-left: 100px;
    padding-bottom: 60px
}

#haru-sp_circle .it-vision-main .icon-text-container .green-icon {
    position: absolute;
    top: -6px;
    left: 0;
    padding-left: 10px;
    height: auto
}

#haru-sp_circle .it-vision-main .icon-text-container .green-icon img {
    width: 70px
}

#haru-sp_circle .it-vision-main .bottom-block-title {
    position: relative;
    padding-left: 55px;
    margin-bottom: 20px
}

#haru-sp_circle .it-vision-main .bottom-block-title .bottom-icon {
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 20px;
    vertical-align: middle
}

#haru-sp_circle .it-vision-main .it-background-shadow {
    background-color: #eff5f5;
    position: relative
}

#haru-sp_circle .it-vision-main .it-background-shadow .drop-shadow-image {
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0
}

#haru-sp_circle .it-vision-main .it-illustration {
    padding-bottom: 40px;
    padding-top: 10px
}

#haru-sp_circle .it-vision-main .arrow-icon {
    margin-right: 10px
}

#haru-sp_circle .it-vision-main .extra-bottom-padding-subtitle {
    padding-bottom: 20px
}

#haru-sp_circle .it-vision-main .extra-bottom-padding-column {
    padding-bottom: 15px
}

#haru-sp_circle .it-vision-main .extra-top-padding {
    padding-top: 10px
}

#haru-sp_circle .it-vision-main .it-parallax-image {
    background-image: url(https://www.splunk.com/content/dam/splunk2/images/vision/it-vision/it-background.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:768px) {
    #haru-sp_circle .it-vision-main .illo-1-image {
        position: absolute;
        top: -30px
    }
    #haru-sp_circle .it-vision-main .logo-blocks {
        position: relative;
        padding-right: 120px
    }
    #haru-sp_circle .it-vision-main .logo-blocks .company-logo {
        position: absolute;
        width: 110px;
        top: 0;
        right: 0
    }
    #haru-sp_circle .it-vision-main .column-push {
        padding-left: 8.33333333%
    }
}

@media (max-width:767px) {
    #haru-sp_circle .it-vision-hero {
        height: auto
    }
    #haru-sp_circle .it-vision-main .lead-text-side-padding {
        padding-right: 20px;
        padding-left: 20px
    }
    #haru-sp_circle .it-vision-main .logo-blocks {
        padding-right: auto
    }
    #haru-sp_circle .it-vision-main .logo-blocks .company-logo {
        display: none
    }
    #haru-sp_circle .it-vision-main .margin-reset {
        margin-right: auto;
        margin-left: auto
    }
    #haru-sp_circle .it-vision-main .image-block {
        padding-top: 25px
    }
    #haru-sp_circle .it-vision-main .image-block img {
        width: 50%
    }
}

#haru-sp_circle .magic-black-header {
    width: 100%;
    height: 50px;
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 10px
}

#haru-sp_circle .magic-black-header .haru-sp_circle-button {
    width: 124px!important;
    font-size: 14px!important;
    padding: 7px 10px!important;
    min-width: auto!important
}

#haru-sp_circle .magic-campaign {
    background-image: url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/yelp-background2.jpg);
    background-size: cover;
    background-color: #dec0c1;
    background-position: center;
    background-color: #000
}

#haru-sp_circle .magic-campaign .magic-campaign-title {
    line-height: 34px;
    margin-bottom: 10px;
    font-size: 38px
}

#haru-sp_circle .magic-campaign .modal-backdrop.in {
    z-index: 0
}

#haru-sp_circle .magic-campaign .haru-sp_circle-h1,
#haru-sp_circle .magic-campaign .haru-sp_circle-h2,
#haru-sp_circle .magic-campaign .haru-sp_circle-h3 {
    padding-bottom: 0!important
}

#haru-sp_circle .magic-campaign .haru-sp_circle-body {
    padding-bottom: 0
}

#haru-sp_circle .magic-campaign .campaign-btn {
    border-radius: 0;
    font-size: 19px;
    margin-top: 10px;
    padding: 10px 15px;
    border: none;
    color: #fff;
    margin-right: 0;
    font-weight: 700;
    display: table;
    transition: background-color .3s
}

#haru-sp_circle .magic-campaign .campaign-btn:hover {
    text-decoration: none
}

#haru-sp_circle .magic-campaign .campaign-btn span {
    display: table-cell;
    vertical-align: middle
}

#haru-sp_circle .magic-campaign .campaign-btn span:first-child {
    padding-right: 10px
}

#haru-sp_circle .magic-campaign .campaign-btn .icon-video-playhead {
    width: 30px;
    height: 30px
}

#haru-sp_circle .magic-campaign .main-section {
    background-repeat: no-repeat, no-repeat, no-repeat;
    min-height: 460px;
    padding: 30px;
    text-align: left;
    position: relative
}

#haru-sp_circle .magic-campaign .main-section.shazam-section {
    background-color: #edf6fc;
    background-image: url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/magic-campaign-customer-1-person.png), url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/magic-campaign-customer-1-background.png);
    background-image: url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/magic-campaign-customer-1-person.png), url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/magic-campaign-customer-1-background.png), linear-gradient(to right, #fff, #edf6fc)
}

#haru-sp_circle .magic-campaign .main-section.shazam-section .shazam-logo {
    width: 166px;
    margin-top: 10px
}

#haru-sp_circle .magic-campaign .main-section.yelp-section {
    background-color: #dec0c1;
    background-image: url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/guy-yelp.png), url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/yelp-background.png);
    background-image: url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/guy-yelp.png), url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/yelp-background.png), linear-gradient(to right, #fff, #dec0c1)
}

#haru-sp_circle .magic-campaign .main-section.yelp-section .yelp-logo {
    width: 130px;
    margin-top: 10px
}

#haru-sp_circle .magic-campaign .main-section.museum-section {
    background-color: #b2adc6;
    background-image: url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/museum-lady.png), url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/museum-background.png);
    background-image: url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/museum-lady.png), url(https://www.splunk.com/content/dam/splunk2/images/magic-campaign/museum-background.png), linear-gradient(to right, #fff, #b2adc6)
}

#haru-sp_circle .magic-campaign .main-section.museum-section .museum-logo {
    width: 130px;
    margin-top: 10px
}

#haru-sp_circle .magic-campaign .modal.video-modal {
    height: 100vh;
    top: 0
}

#haru-sp_circle .magic-campaign .modal.video-modal video {
    width: 100%
}

#haru-sp_circle .magic-campaign .modal.video-modal .modal-backdrop.in {
    opacity: .6
}

#haru-sp_circle .magic-campaign .modal.video-modal .modal-dialog {
    height: 90%;
    z-index: 4000;
    top: 20px;
    position: relative
}

#haru-sp_circle .magic-campaign .modal.video-modal .modal-dialog .modal-content {
    height: 90%
}

#haru-sp_circle .magic-campaign .modal.video-modal .modal-dialog .modal-content p {
    color: #2d2d2d!important
}

#haru-sp_circle .magic-campaign .modal.video-modal .modal-dialog .modal-content .modal-body {
    height: 75%;
    overflow: scroll
}

#haru-sp_circle .magic-campaign .modal.video-modal .modal-dialog .modal-footer {
    box-shadow: 0 -5px 6px 0 #ddd
}

#haru-sp_circle .magic-campaign .modal.video-modal .modal-dialog .modal-header {
    box-shadow: 0 4px 6px 0 #ddd
}

#haru-sp_circle .magic-campaign .modal.video-modal .haru-sp_circle-h7 {
    padding-bottom: 0
}

#haru-sp_circle .magic-campaign .modal.video-modal .icon-close {
    font-size: 15px
}

#haru-sp_circle .magic-campaign .modal.video-modal .print {
    margin-bottom: 15px
}

#haru-sp_circle .magic-campaign .modal.video-modal .print a {
    text-decoration: none
}

#haru-sp_circle .magic-campaign .modal.video-modal .print .icon-print {
    position: relative;
    top: 2px;
    margin-left: 5px
}

#haru-sp_circle .magic-campaign .modal.video-modal .print-bottom {
    margin-top: 15px;
    margin-bottom: 5px
}

#haru-sp_circle .magic-campaign .video-modal a {
    margin-left: 10px;
    margin-top: 10px
}

#haru-sp_circle .magic-campaign .video-modal a:hover {
    cursor: pointer;
    cursor: hand
}

#haru-sp_circle .magic-campaign .modal-header .museum-logo,
#haru-sp_circle .magic-campaign .modal-header .shazam-logo,
#haru-sp_circle .magic-campaign .modal-header .yelp-logo {
    max-width: 83px
}

#haru-sp_circle .thumbnail-block {
    border: 1px solid #000
}

#haru-sp_circle .thumbnail-block img {
    width: 100%!important
}

#haru-sp_circle .magic-campaign .main-section {
    min-height: auto!important
}

#haru-sp_circle .magic-campaign .magic-campaign-title::after {
    content: "”";
    font-size: 32px;
    font-weight: 700
}

#haru-sp_circle .magic-campaign .magic-campaign-title::before {
    content: "“";
    font-size: 32px;
    margin-left: -17px;
    font-weight: 700
}

#haru-sp_circle .magic-campaign {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover!important;
    border-bottom: 1px solid #d9272d;
    position: relative
}

#haru-sp_circle .hero-image {
    display: block
}

#haru-sp_circle .yelp-name {
    margin: 10px 0;
    display: block
}

#haru-sp_circle .magic-container {
    min-height: 329px
}

#haru-sp_circle .magic-left,
#haru-sp_circle .magic-right {
    padding-top: 90px!important;
    padding-bottom: 90px!important
}

#haru-sp_circle .magic-left h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0
}

#haru-sp_circle .magic-left p {
    margin-bottom: 30px;
    color: #666;
    font-size: 18px;
    font-weight: 600!important
}

@media (max-width:767px) {
    #haru-sp_circle .magic-campaign .magic-campaign-title {
        font-weight: 500;
        font-size: 26px;
        padding-left: 25px;
        line-height: 32px!important
    }
    #haru-sp_circle .magic-campaign .not-magic {
        width: 200px;
        margin-bottom: 25px;
        margin-left: 13px
    }
    #haru-sp_circle .magic-campaign .logo-yelp {
        width: 116px!important;
        padding-left: 20px
    }
    #haru-sp_circle .magic-campaign .magic-left,
    #haru-sp_circle .magic-campaign .magic-right {
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }
    #haru-sp_circle .magic-campaign .magic-left h1 {
        font-size: 30px
    }
    #haru-sp_circle .magic-campaign .magic-left p {
        margin-bottom: 15px;
        font-size: 14px
    }
    #haru-sp_circle .magic-campaign .main-section {
        padding-right: 15px!important;
        padding-left: 15px!important
    }
    #haru-sp_circle .magic-campaign .main-section {
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }
    #haru-sp_circle .magic-campaign .yelp-name {
        padding-left: 22px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .magic-campaign .main-section {
        padding-top: 90px!important;
        padding-bottom: 90px!important
    }
    #haru-sp_circle .magic-campaign .not-magic {
        width: 237px
    }
    #haru-sp_circle .magic-campaign .logo-yelp {
        width: 126px!important;
        margin-bottom: 30px
    }
    #haru-sp_circle .magic-campaign .magic-campaign-title {
        line-height: 45px!important
    }
    #haru-sp_circle .magic-campaign .magic-campaign-title::after {
        content: "”";
        font-size: 50px;
        font-weight: 700
    }
    #haru-sp_circle .magic-campaign .magic-campaign-title::before {
        content: "“";
        font-size: 50px;
        margin-left: -23px;
        font-weight: 700
    }
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block {
    text-align: center;
    transition: all .5s;
    width: 100%;
    display: inline-block;
    padding: 25px 25px 0 25px;
    border: 1px solid transparent;
    box-shadow: 0
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block:hover {
    border: 1px solid #cecece;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block:hover a {
    text-decoration: none
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block .default-height {
    min-height: auto
}

#haru-sp_circle .premium-solutions-band .premium-solutions-block .extra-top-padding {
    padding-top: 15px
}

@media (max-width:767px) {
    #haru-sp_circle .premium-solutions-band .premium-solutions-block {
        margin-bottom: 25px
    }
    #haru-sp_circle .premium-solutions-band .extra-padding {
        padding-right: 28px;
        padding-left: 28px
    }
}

@media (max-width:845px) {
    #haru-sp_circle .premium-solutions-band .premium-solutions-block .haru-sp_circle-lead {
        font-size: 18px
    }
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block {
    padding-bottom: 25px
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-icon-block {
    margin-bottom: 25px;
    text-align: center
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-icon-block img {
    width: 80px
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-offers-subheading {
    margin-bottom: 25px
}

#haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block {
    width: 20%;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    position: relative
}

@media (min-width:481px) and (max-width:767px) {
    #haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block:nth-child(-n+3) {
        width: 33.33333333%;
        float: left
    }
    #haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block:nth-child(4) {
        width: 50%;
        float: left;
        padding-left: 100px
    }
    #haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block:nth-child(5) {
        width: 50%;
        float: left;
        padding-right: 100px
    }
}

@media (max-width:480px) {
    #haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block {
        width: 100%;
        margin-left: 25px;
        margin-right: 25px;
        padding-left: 50px
    }
    #haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block .quick-start-icon-block {
        margin-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block .quick-start-icon-block img {
        width: 35px;
        height: auto;
        position: absolute;
        left: 0;
        top: 4px
    }
    #haru-sp_circle .haru-sp_circle-multiple-columns-1-5 .quick-start-block .haru-sp_circle-h6 {
        text-align: left;
        display: inline-block;
        padding-right: 25px
    }
}

#haru-sp_circle .sticky-menu,
#haru-sp_circle .subnav {
    top: 58px;
    transition: all .5s;
    -webkit-transition: all .5s
}

#haru-sp_circle .sticky-menu.subnav-scroll-custom,
#haru-sp_circle .subnav.subnav-scroll-custom {
    top: 82px
}

@media (max-width:767px) {
    #haru-sp_circle .sticky-menu,
    #haru-sp_circle .subnav {
        top: 50px
    }
}

#haru-sp_circle .columnrelated-app .haru-sp_circle-h3,
#haru-sp_circle .columnrelated-app .haru-sp_circle-h5 {
    color: #0c1724
}

#haru-sp_circle .image-modal .modal-dialog {
    width: 70vw
}

#haru-sp_circle .image-modal .modal-dialog .modal-title {
    visibility: hidden
}

#haru-sp_circle .image-modal .modal-dialog .modal-header {
    font-size: 32px
}

#haru-sp_circle .image-modal .modal-dialog .modal-body {
    width: 100%;
    height: auto;
    padding: 15px
}

#haru-sp_circle .image-modal .modal-dialog .modal-body img {
    width: 100%;
    height: auto
}

#haru-sp_circle .modal#image-modal .modal-dialog {
    height: auto
}

#haru-sp_circle .modal {
    z-index: 550000
}

html.stop-scrolling {
    overflow-x: visible!important
}

@media (min-width:768px) {
    #haru-sp_circle .modal#image-modal .modal-dialog {
        width: 70vw;
        margin: 30px auto
    }
}

@media (max-width:767px) {
    #haru-sp_circle .image-modal .modal-dialog {
        width: 95vw;
        margin: 10px auto
    }
}

#haru-sp_circle .iphone .image-modal .modal-dialog .modal-body {
    overflow: hidden
}

@media only screen and (orientation:portrait) {
    #haru-sp_circle .iphone .image-modal .modal-dialog .modal-body {
        height: auto;
        max-height: 100vh
    }
}

@media only screen and (orientation:landscape) {
    #haru-sp_circle .iphone .image-modal .modal-dialog .modal-body {
        height: auto
    }
}

#haru-sp_circle #image-wrapper {
    overflow: hidden
}

#haru-sp_circle .modal#image-modal,
#haru-sp_circle .modal.image-modal {
    margin-top: 0
}

#haru-sp_circle .modal-backdrop {
    z-index: 1035
}

#haru-sp_circle .video-frame.vimeo {
    padding-right: 10px
}

#haru-sp_circle .video-frame.vimeo .vimeoThumb {
    background-color: #000;
    display: block;
    height: 150px;
    overflow: hidden
}

#haru-sp_circle .video-frame.vimeo .video-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4
}

#haru-sp_circle .parbase.video-producthero.video {
    display: block
}

#haru-sp_circle .vimeo-video.single .video-frame.vimeo.standalone {
    float: none;
    margin-bottom: 30px
}

#haru-sp_circle .vimeo-video.single .video-frame.vimeo.standalone>.video {
    width: 100%;
    max-width: 750px;
    width: auto;
    margin-left: auto;
    margin-right: auto
}

#haru-sp_circle .vimeo-video.single .video-frame.vimeo.standalone .haru-sp_circle-video {
    width: 100%
}

#haru-sp_circle .vimeo-video.single .video-frame.vimeo.standalone .haru-sp_circle-video iframe {
    z-index: 10
}

@media (max-width:991px) and (min-width:768px) {
    #haru-sp_circle .vimeo-video.single .video-frame.vimeo.standalone {
        margin-top: 50px;
        padding-right: 0
    }
}

@media (max-width:768px) {
    #haru-sp_circle .vimeo-video.single .video-frame.vimeo.standalone {
        margin-top: 30px;
        padding: 0 15px!important
    }
}

#haru-sp_circle .vidyard-player-container,
#haru-sp_circle .vidyard_player {
    display: block;
    position: relative;
    z-index: 1
}

#haru-sp_circle .vidyard-player-container:-moz-full-screen,
#haru-sp_circle .vidyard-player-container:-ms-fullscreen,
#haru-sp_circle .vidyard-player-container:-webkit-full-screen,
#haru-sp_circle .vidyard-player-container:fullscreen,
#haru-sp_circle .vidyard_player:-moz-full-screen,
#haru-sp_circle .vidyard_player:-ms-fullscreen,
#haru-sp_circle .vidyard_player:-webkit-full-screen,
#haru-sp_circle .vidyard_player:fullscreen {
    width: 100%;
    height: 100%
}

#haru-sp_circle .vidyard-player-container .yardvideo-container,
#haru-sp_circle .vidyard_player .yardvideo-container {
    position: absolute;
    z-index: 5000;
    width: 100%;
    top: 0;
    left: 0;
    color: #fff;
    padding: 10px 20px;
    text-shadow: 1px 1px rgba(0, 0, 0, .4);
    font-weight: 700;
    text-align: left
}

#haru-sp_circle .vidyard-player-container .yardvideo-container .yardvideo-description,
#haru-sp_circle .vidyard_player .yardvideo-container .yardvideo-description {
    font-size: 12px;
    margin-top: 15px;
    max-height: 2.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media (min-width:991px) {
    #haru-sp_circle .column .video-frame {
        margin-top: 0
    }
}

@media (max-width:991px) and (min-width:768px) {
    #haru-sp_circle .column.video-frame {
        margin-top: 0
    }
}

#haru-sp_circle .section-divider-45px {
    border-bottom: 1px solid #dadce0;
    margin-bottom: 45px;
    padding-bottom: 45px
}

#haru-sp_circle .section-divider-20px {
    border-bottom: 1px solid #dadce0;
    margin-bottom: 20px;
    padding-bottom: 20px
}

#haru-sp_circle .border-top {
    border-top: 1px solid #dadce0
}

#haru-sp_circle .border-bottom {
    border-bottom: 1px solid #dadce0
}

#haru-sp_circle .border-topbottom {
    border-top: 1px solid #dadce0;
    border-bottom: 1px solid #dadce0
}

@media (min-width:992px) {
    #haru-sp_circle .desktop-spacer-10px {
        padding-bottom: 10px
    }
    #haru-sp_circle .desktop-spacer-20px {
        padding-bottom: 20px
    }
    #haru-sp_circle .desktop-spacer-30px {
        padding-bottom: 30px
    }
    #haru-sp_circle .desktop-spacer-40px {
        padding-bottom: 40px
    }
    #haru-sp_circle .desktop-spacer-50px {
        padding-bottom: 50px
    }
    #haru-sp_circle .desktop-spacer-60px {
        padding-bottom: 60px
    }
    #haru-sp_circle .desktop-spacer-70px {
        padding-bottom: 70px
    }
    #haru-sp_circle .desktop-spacer-80px {
        padding-bottom: 80px
    }
    #haru-sp_circle .desktop-topbottom-10px {
        padding-bottom: 10px;
        padding-top: 10px
    }
    #haru-sp_circle .desktop-topbottom-20px {
        padding-bottom: 20px;
        padding-top: 20px
    }
    #haru-sp_circle .desktop-topbottom-30px {
        padding-bottom: 30px;
        padding-top: 30px
    }
    #haru-sp_circle .desktop-topbottom-40px {
        padding-bottom: 40px;
        padding-top: 40px
    }
    #haru-sp_circle .desktop-topbottom-50px {
        padding-bottom: 50px;
        padding-top: 50px
    }
    #haru-sp_circle .desktop-topbottom-60px {
        padding-bottom: 60px;
        padding-top: 60px
    }
    #haru-sp_circle .desktop-topbottom-70px {
        padding-bottom: 70px;
        padding-top: 70px
    }
    #haru-sp_circle .desktop-topbottom-80px {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #haru-sp_circle .tablet-spacer-10px {
        padding-bottom: 10px
    }
    #haru-sp_circle .tablet-spacer-15px {
        padding-bottom: 15px
    }
    #haru-sp_circle .tablet-spacer-20px {
        padding-bottom: 20px
    }
    #haru-sp_circle .tablet-spacer-30px {
        padding-bottom: 30px
    }
    #haru-sp_circle .tablet-spacer-40px {
        padding-bottom: 40px
    }
    #haru-sp_circle .tablet-spacer-50px {
        padding-bottom: 50px
    }
    #haru-sp_circle .tablet-spacer-60px {
        padding-bottom: 60px
    }
    #haru-sp_circle .tablet-spacer-70px {
        padding-bottom: 70px
    }
    #haru-sp_circle .tablet-spacer-80px {
        padding-bottom: 80px
    }
    #haru-sp_circle .tablet-topbottom-10px {
        padding-bottom: 10px;
        padding-top: 10px
    }
    #haru-sp_circle .tablet-topbottom-15px {
        padding-bottom: 15px;
        padding-top: 15px
    }
    #haru-sp_circle .tablet-topbottom-20px {
        padding-bottom: 20px;
        padding-top: 20px
    }
    #haru-sp_circle .tablet-topbottom-30px {
        padding-bottom: 30px;
        padding-top: 30px
    }
    #haru-sp_circle .tablet-topbottom-40px {
        padding-bottom: 40px;
        padding-top: 40px
    }
    #haru-sp_circle .tablet-topbottom-50px {
        padding-bottom: 50px;
        padding-top: 50px
    }
    #haru-sp_circle .tablet-topbottom-60px {
        padding-bottom: 60px;
        padding-top: 60px
    }
    #haru-sp_circle .tablet-topbottom-70px {
        padding-bottom: 70px;
        padding-top: 70px
    }
    #haru-sp_circle .tablet-topbottom-80px {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media (max-width:767px) {
    #haru-sp_circle .mobile-spacer-10px {
        padding-bottom: 10px
    }
    #haru-sp_circle .mobile-spacer-15px {
        padding-bottom: 15px
    }
    #haru-sp_circle .mobile-spacer-20px {
        padding-bottom: 20px
    }
    #haru-sp_circle .mobile-spacer-30px {
        padding-bottom: 30px
    }
    #haru-sp_circle .mobile-spacer-40px {
        padding-bottom: 40px
    }
    #haru-sp_circle .mobile-spacer-50px {
        padding-bottom: 50px
    }
    #haru-sp_circle .mobile-spacer-60px {
        padding-bottom: 60px
    }
    #haru-sp_circle .mobile-spacer-70px {
        padding-bottom: 70px
    }
    #haru-sp_circle .mobile-spacer-80px {
        padding-bottom: 80px
    }
    #haru-sp_circle .mobile-topbottom-10px {
        padding-bottom: 10px;
        padding-top: 10px
    }
    #haru-sp_circle .mobile-topbottom-15px {
        padding-bottom: 15px;
        padding-top: 15px
    }
    #haru-sp_circle .mobile-topbottom-20px {
        padding-bottom: 20px;
        padding-top: 20px
    }
    #haru-sp_circle .mobile-topbottom-30px {
        padding-bottom: 30px;
        padding-top: 30px
    }
    #haru-sp_circle .mobile-topbottom-40px {
        padding-bottom: 40px;
        padding-top: 40px
    }
    #haru-sp_circle .mobile-topbottom-50px {
        padding-bottom: 50px;
        padding-top: 50px
    }
    #haru-sp_circle .mobile-topbottom-60px {
        padding-bottom: 60px;
        padding-top: 60px
    }
    #haru-sp_circle .mobile-topbottom-70px {
        padding-bottom: 70px;
        padding-top: 70px
    }
    #haru-sp_circle .mobile-topbottom-80px {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

#haru-sp_circle .align-left {
    text-align: left!important
}

#haru-sp_circle .align-right {
    text-align: right!important
}

#haru-sp_circle .align-center {
    text-align: center!important
}

#haru-sp_circle .normalizeText {
    text-transform: none
}

#haru-sp_circle .capitalizeText {
    text-transform: capitalize
}

#haru-sp_circle .uppercaseText {
    text-transform: uppercase
}

#haru-sp_circle .lowercaseText {
    text-transform: lowercase
}

#haru-sp_circle .download-funnel-section {
    padding-top: 60px;
    padding-bottom: 68px
}

#haru-sp_circle .download-funnel-section h2 {
    font-weight: 800;
    margin-top: 0
}

#haru-sp_circle .download-funnel-section .sub {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 30px;
    color: #2d2d2d
}

#haru-sp_circle .download-funnel-section .extrabold {
    font-weight: 800
}

#haru-sp_circle .download-funnel-section .closepopover {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px
}

#haru-sp_circle .download-funnel-section .popover {
    border-radius: 2px
}

@media (min-width:992px) {
    #haru-sp_circle .download-funnel-section {
        font-size: 18px
    }
    #haru-sp_circle .download-funnel-section p {
        font-size: 18px;
        line-height: 27px
    }
    #haru-sp_circle .download-funnel-section .popover {
        max-width: 380px;
        font-size: 18px
    }
}

@media (max-width:767px) {
    #haru-sp_circle .download-funnel-section {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
        padding-top: 30px;
        padding-bottom: 40px
    }
    #haru-sp_circle .download-funnel-section h2 {
        font-size: 24px
    }
    #haru-sp_circle .download-funnel-section .sub {
        font-size: 18px
    }
    #haru-sp_circle .download-funnel-section p {
        font-size: 15px
    }
    #haru-sp_circle .download-funnel-section .rte {
        margin-bottom: 30px
    }
    #haru-sp_circle .download-funnel-section .match-height .simple-infobox {
        margin-bottom: 20px
    }
    #haru-sp_circle .get-started-basics .simple-infobox {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:768px) {
    #haru-sp_circle .download-funnel-section .match-height,
    #haru-sp_circle .download-funnel-section .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    #haru-sp_circle .download-funnel-section .match-height .simple-infobox,
    #haru-sp_circle .download-funnel-section .row-eq-height .simple-infobox {
        height: 100%;
        padding-bottom: 30px
    }
}

label.download-text-label {
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    color: #474444;
    padding-right: 0;
    display: inline-block;
    position: relative;
    top: 5px;
    width: 230px
}

#haru-sp_circle .download-input-text {
    font-size: 16px;
    color: #97999b;
    position: relative
}

#haru-sp_circle .download-funnel-accept-radial {
    position: relative;
    margin-bottom: 0
}

#haru-sp_circle .download-funnel-accept-radial .checkbox-label {
    margin: 0 0;
    margin-bottom: 10px
}

#haru-sp_circle .download-funnel-accept-radial .checkbox {
    margin: 0 0
}

h2.download-funnel-email {
    margin-bottom: 43px
}

#haru-sp_circle .download-funnel-link {
    font-size: 16px;
    color: #474444;
    text-decoration: none;
    position: relative
}

#haru-sp_circle .download-funnel-log-in-button {
    margin-top: 7px;
    margin-bottom: 14px
}

#haru-sp_circle .download-funnel-spinning-gears {
    vertical-align: middle;
    width: 20%;
    height: auto;
    margin-right: 20px;
    display: inline-block
}

#haru-sp_circle .download-funnel-spinning-gears.spinning {
    animation-name: ckw;
    animation-duration: 15.5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#haru-sp_circle .download-funnel-spinning-gears.spinning-ccw {
    animation-name: cckw;
    animation-duration: 15.5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes ckw {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes cckw {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}

a.download-funnel-email-link {
    text-decoration: none
}

#haru-sp_circle .download-funnel-gears-container .download-funnel-gears {
    display: inline-block;
    position: relative;
    width: 110px
}

#haru-sp_circle .download-funnel-gears-container .download-funnel-gears svg:first-child {
    width: 50%
}

#haru-sp_circle .download-funnel-gears-container .download-funnel-gears svg:nth-child(2) {
    width: 25%;
    position: absolute;
    right: 0;
    top: 0
}

#haru-sp_circle .download-funnel-gears-container .download-funnel-gears svg:nth-child(3) {
    position: absolute;
    width: 25%;
    right: 0;
    top: 30px
}

#haru-sp_circle .download-funnel-gears-container h3 {
    display: inline-block;
    font-size: 24px;
    color: #e87722;
    font-weight: 700;
    position: relative;
    margin: 0 0
}

#haru-sp_circle .download-funnel-gears-container .gears-text-green {
    color: #65a637
}

p.validation-text {
    font-size: 16px;
    color: #97999b
}

#haru-sp_circle .special-button {
    background-color: #fff;
    border-color: #ccc;
    position: relative
}

#haru-sp_circle .special-button span.caret {
    position: relative;
    left: 50%;
    color: #000
}

#haru-sp_circle .blue-btn.special-button:hover,
#haru-sp_circle .btn.special-button:hover {
    background: 0 0
}

#haru-sp_circle .blue-btn.special-button:focus,
#haru-sp_circle .btn.special-button:focus {
    background: 0 0;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

#haru-sp_circle .download-gears-table td {
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    label.download-text-label {
        text-align: left;
        right: 0
    }
    label.download-input-text {
        right: 0
    }
    #haru-sp_circle .validation-text {
        margin-left: 10px
    }
    #haru-sp_circle .free-download-list .row {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media only screen and (min-width:768px) {
    #haru-sp_circle .download-input-text {
        right: 50px
    }
    #haru-sp_circle .special-button {
        right: 50px
    }
    #haru-sp_circle .download-text-label {
        right: 50px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    #haru-sp_circle .download-text-label {
        text-align: right;
        font-size: 18px;
        font-weight: 700;
        color: #474444;
        display: initial;
        right: 0;
        width: 0;
        position: relative;
        top: 5px
    }
    #haru-sp_circle .download-input-text {
        font-size: 16px;
        color: #97999b;
        position: relative;
        right: 0
    }
    #haru-sp_circle .download-funnel-gears svg:first-child {
        width: 6%
    }
    #haru-sp_circle .download-funnel-gears svg:nth-child(2) {
        position: relative;
        width: 4%;
        top: -10px;
        bottom: 21px;
        right: 21px
    }
    #haru-sp_circle .download-funnel-gears svg:nth-child(3) {
        position: relative;
        width: 4%;
        right: 61px;
        top: 11px
    }
    #haru-sp_circle .download-funnel-gears h3 {
        font-size: 21px;
        left: 50px;
        bottom: 28px;
        margin-right: 33px
    }
    #haru-sp_circle .download-funnel-gears .gears-text-green {
        color: #65a637
    }
    a.download-funnel-email-link {
        font-size: 15px
    }
    #haru-sp_circle .download-form {
        padding: 0 10px
    }
    #haru-sp_circle .special-button {
        position: initial
    }
    #haru-sp_circle .blue-btn.special-button:hover,
    #haru-sp_circle .btn.special-button:hover {
        text-decoration: none;
        background: 0 0
    }
}

@media only screen and (min-device-width:767px) and (max-device-width:1025px) {
    #haru-sp_circle .download-form-button div {
        margin-left: 23.666667%
    }
    #haru-sp_circle .download-funnel-gears svg:nth-child(3) {
        position: relative;
        width: 3%;
        right: 70px;
        top: 15px
    }
    #haru-sp_circle .download-funnel-gears .special-button {
        right: 22%
    }
    #haru-sp_circle .download-funnel-gears .button-two {
        position: relative;
        left: 14%
    }
    #haru-sp_circle .download-funnel-gears .checkbox-label {
        position: relative;
        left: 20%
    }
}

@media (min-width:768px) and (max-width:1199px) {
    #haru-sp_circle .checkbox-label {
        position: relative;
        left: 20px
    }
}

#haru-sp_circle .search-processing-language-section-one {
    background-image: url(../../../../assets/img/search-background.jpg);
    height: auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover
}

#haru-sp_circle .search-processing-language-section-one .col-lg-12 {
    padding-left: 20px;
    padding-right: 20px
}

#haru-sp_circle .search-processing-language-section-one .col-lg-12 h1 {
    font-size: 90px;
    font-weight: lighter;
    margin-top: 228px;
    margin-bottom: 50px
}

#haru-sp_circle .search-processing-language-section-one .col-lg-12 p {
    font-size: 25px;
    text-align: center;
    line-height: 1.222;
    margin-bottom: 225px
}

#haru-sp_circle .search-processing-language-section-one .top-bar {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    padding-top: 8px
}

#haru-sp_circle .search-processing-language-section-one .top-bar img {
    margin-left: 10px
}

#haru-sp_circle .search-processing-language-section-two {
    background-image: url(../../../../assets/img/webbed-matrix.png);
    height: auto;
    background-repeat: no-repeat;
    background-size: cover
}

#haru-sp_circle .search-processing-language-section-two h2 {
    font-size: 45px;
    margin-top: 68px;
    margin-bottom: 68px
}

#haru-sp_circle .search-processing-language-section-two h2 span {
    color: #65a637
}

#haru-sp_circle .search-processing-language-section-two .row {
    margin-bottom: 68px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection {
    background-color: #fff;
    opacity: .75;
    padding: 35px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection h2 {
    text-align: left;
    margin-top: 0;
    color: #474747;
    margin-bottom: 25px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection .col-lg-6 {
    margin-top: 25px;
    padding-left: 0
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection .col-lg-6 p {
    text-align: left;
    font-size: 25px;
    line-height: 35px;
    color: #474747;
    margin-bottom: 12px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection .col-lg-6 p.first {
    margin-right: 35px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection .col-lg-6 p.second {
    margin-left: 35px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection .col-lg-6 ul {
    padding-left: 57px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection .col-lg-6 ul li {
    text-align: left;
    font-size: 25px;
    padding-left: 15px;
    margin-bottom: 12px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection ul.language-list {
    padding-left: 0;
    text-align: left
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection ul.language-list span {
    color: #65a637;
    margin-right: 15px
}

#haru-sp_circle .search-processing-language-section-two div.search-processing-language-subsection ul.language-list li {
    list-style: none;
    margin-bottom: 25px;
    font-size: 25px
}

#haru-sp_circle .search-processing-language-section-two .bubble {
    position: relative;
    width: 330px;
    height: 180px;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: #b0b3b4 solid 2px;
    opacity: .75
}

#haru-sp_circle .search-processing-language-section-two .bubble p {
    position: relative;
    padding: 25px 35px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #2d2d2d
}

#haru-sp_circle .search-processing-language-section-two .bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 24px 24px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -24px;
    left: 236px
}

#haru-sp_circle .search-processing-language-section-two .bubble:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 25px 25px 0;
    border-color: #b0b3b4 transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -27px;
    left: 235px
}

#haru-sp_circle .search-processing-language-section-two .bubble-two {
    position: relative;
    width: 330px;
    height: 180px;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: #b0b3b4 solid 2px;
    opacity: .75
}

#haru-sp_circle .search-processing-language-section-two .bubble-two p {
    position: relative;
    padding: 25px 35px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #2d2d2d
}

#haru-sp_circle .search-processing-language-section-two .bubble-two:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 24px 24px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -24px;
    left: 141px
}

#haru-sp_circle .search-processing-language-section-two .bubble-two:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 25px 25px 0;
    border-color: #b0b3b4 transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -27px;
    left: 140px
}

#haru-sp_circle .search-processing-language-section-two .bubble-three {
    position: relative;
    width: 330px;
    height: 180px;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: #b0b3b4 solid 2px;
    opacity: .75
}

#haru-sp_circle .search-processing-language-section-two .bubble-three p {
    position: relative;
    padding: 25px 35px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #2d2d2d
}

#haru-sp_circle .search-processing-language-section-two .bubble-three:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 24px 24px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -24px;
    left: 45px
}

#haru-sp_circle .search-processing-language-section-two .bubble-three:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 25px 25px 0;
    border-color: #b0b3b4 transparent;
    display: block;
    width: 0;
    z-index: 0;
    bottom: -27px;
    left: 44px
}

#haru-sp_circle .search-processing-language-section-three {
    background-image: url(../../../../assets/img/chalkboard.jpg);
    height: auto;
    background-repeat: no-repeat;
    background-size: cover
}

#haru-sp_circle .search-processing-language-section-three .row {
    margin-top: 68px;
    margin-bottom: 68px
}

#haru-sp_circle .search-processing-language-section-three .row .section-three {
    background-color: #333e6c;
    height: auto;
    border-radius: 2px;
    padding: 35px
}

#haru-sp_circle .search-processing-language-section-three .row .section-three h2 {
    font-size: 45px;
    color: #fff
}

#haru-sp_circle .search-processing-language-section-three .row .section-three p {
    font-size: 25px;
    color: #fff
}

#haru-sp_circle .search-processing-language-section-three .row .section-three ul {
    padding-left: 39px
}

#haru-sp_circle .search-processing-language-section-three .row .section-three ul li {
    font-size: 25px;
    color: #fff;
    list-style: none;
    text-indent: -20px
}

#haru-sp_circle .search-processing-language-section-three .row .section-three ul li span {
    padding-right: 15px
}

#haru-sp_circle .search-processing-language-section-four {
    background: #faf5ff;
    position: relative
}

#haru-sp_circle .search-processing-language-section-four .container .spl-search .col-lg-10 h2 {
    margin-top: 68px;
    font-size: 45px;
    text-align: center
}

#haru-sp_circle .search-processing-language-section-four .container .spl-search .col-lg-10 p {
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px;
    line-height: 35px
}

#haru-sp_circle .search-processing-language-section-four:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #faf5ff;
    border-width: 25px;
    margin-left: -20px
}

#haru-sp_circle .search-processing-language-section-five {
    background-color: #d6f6ff
}

#haru-sp_circle .search-processing-language-section-five .container .spl-search .col-lg-10 h3 {
    margin-top: 50px;
    margin-bottom: 13px;
    font-size: 25px;
    font-weight: 700;
    text-align: center
}

#haru-sp_circle .search-processing-language-section-five .container .spl-search .col-lg-10 p {
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px;
    line-height: 35px
}

#haru-sp_circle .search-processing-language-section-five .container .spl-search .col-lg-10 p a {
    color: #005f86
}

#haru-sp_circle .green-btn-thin {
    background-color: #000;
    border: 1px solid #43d220;
    color: #43d220
}

#haru-sp_circle .vision-artofpossible .delivering-biz-iot-analytics .customers {
    padding-top: 25px
}

#haru-sp_circle .vision-artofpossible .delivering-biz-iot-analytics .customers ul {
    min-width: 100%;
    list-style: none;
    padding: 0
}

#haru-sp_circle .vision-artofpossible .delivering-biz-iot-analytics .customers ul:after {
    content: ' ';
    display: block;
    clear: both
}

#haru-sp_circle .vision-artofpossible .delivering-biz-iot-analytics .customers ul li {
    height: 76px;
    text-align: center
}

#haru-sp_circle .vision-artofpossible .delivering-biz-iot-analytics .customers ul li img {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:991px) {
    #haru-sp_circle .vision-artofpossible .delivering-biz-iot-analytics .customers ul li {
        margin-bottom: 25px
    }
}

#haru-sp_circle .data-fabric .heading {
    font-size: 35px;
    line-height: 120%;
    font-weight: 800;
    text-align: center;
    margin-bottom: 55px
}

#haru-sp_circle .data-fabric img {
    width: 100%
}

#haru-sp_circle .data-fabric .row {
    margin-bottom: 60px
}

#haru-sp_circle .data-fabric .row:first-child,
#haru-sp_circle .data-fabric .row:last-child {
    margin-bottom: 0
}

#haru-sp_circle .security-quote .haru-sp_circle-h5 {
    padding-bottom: 5px
}

#haru-sp_circle .security-quote .haru-sp_circle-blockquote.large blockquote {
    line-height: 135%
}

#haru-sp_circle .machine-learning-bottom .haru-sp_circle-btn.sp-btn-clear {
    text-decoration: none;
    margin-bottom: 25px
}

#haru-sp_circle .machine-learning-bottom .haru-sp_circle-btn.sp-btn-clear .haru-sp_circle-icon {
    color: #fff
}

#haru-sp_circle .machine-learning-bottom .haru-sp_circle-btn.sp-btn-clear:hover .haru-sp_circle-icon {
    color: #fff;
    text-decoration: none
}

#haru-sp_circle .machine-learning-bottom .haru-sp_circle-btn.sp-btn-clear:hover .btn-text {
    text-decoration: underline
}

@media (max-width:768px) {
    #haru-sp_circle .data-fabric .heading {
        line-height: 110%;
        margin-bottom: 30px
    }
}

#haru-sp_circle .data-fabric-bottom .haru-sp_circle-list li {
    color: #60b4d5
}

#haru-sp_circle .data-fabric-bottom .haru-sp_circle-list li a {
    color: #60b4d5
}

#haru-sp_circle .security-bottom-block .haru-sp_circle-list li {
    color: #3092bb
}

#haru-sp_circle .security-bottom-block .haru-sp_circle-list li a {
    color: #3092bb
}

@media (max-width:768px) {
    #haru-sp_circle .security-bottom-block .row:first-child {
        margin-bottom: 30px
    }
    #haru-sp_circle .security-bottom-block .row .col-sm-6 {
        margin-bottom: 30px
    }
    #haru-sp_circle .data-fabric-bottom .row:first-child {
        margin-bottom: 30px
    }
    #haru-sp_circle .data-fabric-bottom .row .col-sm-6 {
        margin-bottom: 30px
    }
}

#haru-sp_circle .data-fabric-two-col .row {
    margin-bottom: 40px
}

#haru-sp_circle .data-fabric-two-col .row:last-child {
    margin-bottom: 0
}

#haru-sp_circle .machine-learning .haru-sp_circle-icon {
    font-size: 28px;
    color: #4dadd5
}

#haru-sp_circle .machine-learning .graphic-block {
    text-align: right
}

#haru-sp_circle .machine-learning .machine-learning-list .haru-sp_circle-h4 {
    margin-top: 15px
}

#haru-sp_circle .vision-parallax {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    height: 167px
}

#haru-sp_circle .conf-hero {
    background-color: #001121;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat
}

#haru-sp_circle .conf-hero .conf-hero-container {
    min-height: 580px
}

#haru-sp_circle .conf-hero .conf-hero-container .row {
    min-height: 580px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:768px) {
    #haru-sp_circle .conf-hero.turn-1 .haru-sp_circle-h7 {
        margin-top: 40px
    }
    #haru-sp_circle .conf-hero.turn-1 .haru-sp_circle-h3 {
        padding-bottom: 25px
    }
    #haru-sp_circle .conf-hero.turn-1 .haru-sp_circle-h5 {
        font-size: 18px
    }
    #haru-sp_circle .conf-hero .subheading {
        font-size: 30px;
        margin-top: -30px
    }
    #haru-sp_circle .conf-hero haru-sp_circle-h5 {
        font-size: 20px
    }
    #haru-sp_circle .turn-6 {
        font-size: 30px;
        margin-top: -30px
    }
    #haru-sp_circle .turn-6 .haru-sp_circle-h3 {
        font-size: 33px;
        line-height: 110%
    }
    #haru-sp_circle .turn-6 .subheading {
        font-size: 28px
    }
}

#haru-sp_circle .haru-sp_circle-video {
    background-color: #000;
    position: relative
}

#haru-sp_circle .haru-sp_circle-video:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1;
    transition: background-color .5s ease
}

#haru-sp_circle .haru-sp_circle-video .glyphicon {
    color: #fff;
    font-size: 80px;
    position: absolute;
    top: 50%;
    display: block;
    z-index: 5;
    margin-top: -40px;
    left: 50%;
    margin-left: -40px
}

#haru-sp_circle .haru-sp_circle-video .customPlayVideo {
    background-color: transparent;
    bottom: 15px;
    left: 15px;
    width: 18.5%;
    padding: 0;
    position: absolute;
    z-index: 2;
    border: none
}

#haru-sp_circle .haru-sp_circle-video img {
    z-index: 3;
    margin-bottom: 0!important;
    width: 100%
}

#haru-sp_circle .haru-sp_circle-video a:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-video:hover:before {
    background-color: rgba(0, 0, 0, .5)
}

#haru-sp_circle .haru-sp_circle-video-image-container {
    cursor: pointer
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container {
    position: relative;
    float: left
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container .glyphicon {
    color: #fff;
    font-size: 80px;
    position: absolute;
    top: 50%;
    display: block;
    z-index: 5;
    margin-top: -40px;
    left: 50%;
    margin-left: -40px
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container .glyphicon-play-circle:before {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container a.glyphicon-play-circle:hover {
    text-decoration: none
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container .customPlayVideo {
    bottom: 15px;
    left: 15px;
    width: 18.5%;
    max-width: 200px;
    position: absolute;
    z-index: 2
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container .customPlayVideo:before {
    content: "";
    display: block;
    margin-top: 100%
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1;
    transition: background-color .5s ease
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container:hover:before {
    background-color: rgba(0, 0, 0, .5)
}

#haru-sp_circle .haru-sp_circle-video-image-container.image-container img {
    margin-bottom: 0!important
}

#haru-sp_circle .haru-sp_circle-video-image-container .haru-sp_circle-video {
    background-color: transparent
}

#haru-sp_circle .haru-sp_circle-video-image-container .haru-sp_circle-video:hover:before {
    background-color: transparent
}

#haru-sp_circle .haru-sp_circle-video-image-container .haru-sp_circle-video-image-modal:hover {
    cursor: pointer
}

#haru-sp_circle .haru-sp_circle-video-inline .innerContainer {
    position: relative;
    display: block;
    width: 100%!important;
    height: 0;
    padding: 56.25% 0 0 0
}

#haru-sp_circle .haru-sp_circle-video-inline .vidyard_player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 750px;
    max-height: 480px
}

#haru-sp_circle .haru-sp_circle-video-inline .vidyard_player>span {
    width: 100%!important;
    height: 100%!important;
    margin: 0 auto!important
}

#haru-sp_circle .haru-sp_circle-video .button-wrapper,
#haru-sp_circle .haru-sp_circle-video-image-container .button-wrapper {
    opacity: .8;
    transition: opacity easy-in-out .3s
}

#haru-sp_circle .haru-sp_circle-video .button-wrapper .button-background,
#haru-sp_circle .haru-sp_circle-video-image-container .button-wrapper .button-background {
    fill: #fff
}

#haru-sp_circle .haru-sp_circle-video .button-wrapper .button-foreground,
#haru-sp_circle .haru-sp_circle-video-image-container .button-wrapper .button-foreground {
    fill: #000
}

#haru-sp_circle .haru-sp_circle-video-image-container:hover .button-wrapper,
#haru-sp_circle .haru-sp_circle-video:hover .button-wrapper {
    opacity: 1
}

@media (min-width:991px) {
    #haru-sp_circle .video-frame {
        margin-top: 50px
    }
}

@media (max-width:991px) and (min-width:768px) {
    #haru-sp_circle .video-frame {
        margin-top: 25px
    }
}

@media (max-width:991px) and (min-width:768px) {
    #haru-sp_circle .customer-success .video-frame {
        margin-top: 0
    }
}

#haru-sp_circle .video-frame .title {
    padding: 18px 0 8px
}

#haru-sp_circle .video-frame .desc {
    padding-bottom: 18px
}

#haru-sp_circle .video-frame .desc p {
    margin-bottom: 20px
}

#haru-sp_circle .content-and-form .content .haru-sp_circle-img {
    margin-bottom: 25px;
    width: 120px;
    margin-left: 20px
}

#haru-sp_circle .content-and-form .content .row {
    margin-bottom: 5px
}

#haru-sp_circle .content-and-form .content .haru-sp_circle2-lead-margin {
    margin-bottom: 40px
}

#haru-sp_circle .content-and-form .content .haru-sp_circle2-lead-margin+.call-to-action {
    margin-left: 8px;
    margin-bottom: 40px
}

#haru-sp_circle .content-and-form .row .row {
    margin-left: 0;
    margin-right: 0
}

#haru-sp_circle .content-and-form #signup-xcomp iframe {
    width: 100%!important;
    margin-bottom: 20px
}

@media (max-width:767px) {
    #haru-sp_circle .content-and-form .form.pull-right {
        float: none!important
    }
    #haru-sp_circle .content-and-form .content .haru-sp_circle-lead+.row .haru-sp_circle-img {
        margin-top: 30px
    }
}

@media (max-width:480px) {
    #haru-sp_circle .dark-theme-form-container {
        border-radius: 0
    }
    #haru-sp_circle .content-and-form .form {
        padding-left: 0;
        padding-right: 0;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media (max-width:479px) {
    #haru-sp_circle .content-and-form img {
        margin-bottom: 15px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .content-and-form .content .haru-sp_circle2-lead-margin {
        margin-left: 40px
    }
    #haru-sp_circle .content-and-form .content .haru-sp_circle2-lead-margin+.call-to-action {
        margin-top: -35px;
        margin-left: 40px;
        margin-bottom: 40px
    }
}

#haru-sp_circle .express-lane-hero {
    position: relative;
    background: #000
}

#haru-sp_circle .express-lane-hero .overlay-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: right -80px;
    background-repeat: no-repeat;
    background-size: cover
}

#haru-sp_circle .express-lane-hero .overlay-image.bottom-background {
    background-position: top left
}

#haru-sp_circle .express-lane-hero .useful-tools-section {
    margin-top: 50px
}

#haru-sp_circle .express-lane-hero .row .expresslane-hero-padding {
    padding-top: 45px;
    padding-bottom: 45px
}

#haru-sp_circle .express-lane-hero .row .expresslane-hero-padding .haru-sp_circle2-eyebrow {
    color: #f0f3f7
}

#haru-sp_circle .express-lane-hero .row .expresslane-hero-padding .haru-sp_circle2-h2 {
    margin-top: 5px
}

#haru-sp_circle .express-lane-hero .row .expresslane-hero-padding p {
    color: #f7f7f7
}

#haru-sp_circle .express-lane-hero .row .expresslane-hero-padding p a:active,
#haru-sp_circle .express-lane-hero .row .expresslane-hero-padding p a:link,
#haru-sp_circle .express-lane-hero .row .expresslane-hero-padding p a:visited {
    color: #fff;
    text-decoration: underline
}

#haru-sp_circle .express-lane-hero .row .expresslane-hero-padding p a:hover {
    text-decoration: underline
}

#haru-sp_circle .express-lane-hero .row .col-haru-sp_circle-12 a {
    width: 220px
}

#haru-sp_circle .express-lane-hero .row .haru-sp_circle-h7 {
    color: #fff
}

#haru-sp_circle .express-lane-hero .row .haru-sp_circle-h2 {
    font-weight: 400;
    color: #fff
}

#haru-sp_circle .express-lane-hero .row .useful-tools-section {
    padding: 15px;
    background: #f0f3f7;
    border: 1px solid #d5dce5;
    border-radius: 3px;
    margin-bottom: 65px;
    position: relative;
    color: #fff;
    letter-spacing: 0;
    font-weight: 700
}

#haru-sp_circle .express-lane-hero .row .useful-tools-section .haru-sp_circle2-eyebrow {
    color: #656c76
}

#haru-sp_circle .express-lane-hero .row .useful-tools-section p {
    color: #363c44;
    font-size: 16px;
    list-style: disc outside none;
    display: list-item;
    margin-left: 15px
}

#haru-sp_circle .express-lane-hero .row .useful-tools-section p a:active,
#haru-sp_circle .express-lane-hero .row .useful-tools-section p a:link,
#haru-sp_circle .express-lane-hero .row .useful-tools-section p a:visited {
    color: #0070f3
}

#haru-sp_circle .express-lane-hero .row .useful-tools-section p a:hover {
    text-decoration: underline
}

#haru-sp_circle .express-lane-hero .row .useful-tools-section p:last-child {
    padding-bottom: 10px
}

#haru-sp_circle .express-lane-hero .row .haru-sp_circle-h6 {
    color: #fff
}

#haru-sp_circle .express-lane-hero .row .eyebrow {
    padding-bottom: 0;
    color: #fff;
    text-transform: uppercase
}

#haru-sp_circle .express-lane-hero .row .padding-bottom-remove {
    padding-bottom: 0
}

#haru-sp_circle .express-lane-hero .row .recaptcha {
    width: 250px;
    margin-top: 15px;
    display: block
}

#haru-sp_circle .express-lane-hero .re-captcha {
    margin-bottom: 25px
}

#haru-sp_circle .express-lane-hero .haru-sp_circle-lead {
    margin-bottom: 0
}

@media (max-width:1200px) {
    #haru-sp_circle .express-lane-hero .row .col-haru-sp_circle-4 p {
        line-height: 1.2
    }
}

@media (max-width:768px) {
    #haru-sp_circle .express-lane-hero .row .col-haru-sp_circle-8 {
        width: 100%
    }
    #haru-sp_circle .express-lane-hero .row .useful-tools-section {
        margin-left: 15px!important;
        width: 280px;
        margin-top: 0
    }
    #haru-sp_circle .express-lane-hero .row .useful-tools-section p {
        font-size: 16px
    }
    #haru-sp_circle .express-lane-hero .row .expresslane-hero-padding {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width:769px) and (max-width:875px) {
    #haru-sp_circle .express-lane-hero .row .h2-max-width {
        max-width: 500px
    }
}

@media (min-width:769px) and (max-width:992px) {
    #haru-sp_circle .express-lane-hero .useful-tools-section {
        right: 15px
    }
}

@media (max-width:480px) {
    #haru-sp_circle .express-lane-hero .row .col-haru-sp_circle-8 {
        width: 100%
    }
    #haru-sp_circle .express-lane-hero .row .useful-tools-section {
        width: 90%
    }
}

#haru-sp_circle .overlay-form {
    position: fixed;
    top: 0;
    bottom: 0!important;
    right: 0;
    padding: 0;
    width: auto;
    margin-right: 0;
    z-index: 10001;
    height: 100%;
    background-color: #001d29;
    box-shadow: 0 6px 7px 5px rgba(0, 0, 0, .5);
    background-color: #fff
}

#haru-sp_circle .overlay-form iframe {
    height: 100%!important
}

#haru-sp_circle .overlay-form .h3,
#haru-sp_circle .overlay-form .haru-sp_circle-h3 {
    padding-bottom: 0
}

#haru-sp_circle .overlay-form .dark-theme-form-container {
    position: absolute;
    top: 0;
    min-height: 100vh
}

#haru-sp_circle .overlay-form h3 {
    font-weight: 400;
    padding-top: 45px;
    padding-top: 20px
}

#haru-sp_circle .haru-sp_circle-radio {
    padding-left: 12px!important;
    text-align: center
}

#haru-sp_circle .box-icons {
    width: 40px;
    height: 40px;
    display: block;
    margin: auto;
    padding-bottom: 10px
}

#haru-sp_circle .ipad .overlay-form,
#haru-sp_circle .iphone .overlay-form {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

#haru-sp_circle .overlay-form-modal {
    background: rgba(114, 119, 122, .75);
    margin-top: 0
}

html.ipad {
    -webkit-overflow-scrolling: touch!important;
    height: 100%!important;
    overflow: hidden!important
}

html.ipad body {
    -webkit-overflow-scrolling: touch!important;
    height: 100%!important;
    overflow: auto!important
}

@media (max-width:768px) {
    #haru-sp_circle .overlay-form {
        width: 100%!important
    }
    #haru-sp_circle .overlay-form iframe {
        width: 100%!important
    }
}

@media (min-width:768px) {
    #haru-sp_circle .overlay-form {
        border-left: 1px solid #f7f7f7
    }
}

#haru-sp_circle #iframe-modal.overlay-form-modal .overlay-form.overlay {
    background-color: #fff
}

#haru-sp_circle .ask-an-expert-modal .light-theme-form-container {
    padding: 0
}

#haru-sp_circle .ask-an-expert-modal .modal-content {
    padding: 30px;
    height: 75vh;
    overflow-y: scroll
}

#haru-sp_circle .ask-an-expert-modal .modal-body p {
    padding-left: 0
}

#haru-sp_circle .ask-an-expert-modal .modal-body a:link {
    display: inline
}

#haru-sp_circle .ask-an-expert-modal .light-theme-form-container {
    background: 0 0!important
}

#haru-sp_circle .modal.license-modal {
    height: 100vh;
    top: 0
}

#haru-sp_circle .modal.license-modal .modal-backdrop.in {
    opacity: 0
}

#haru-sp_circle .modal.license-modal .modal-dialog {
    height: 90%;
    top: 50px;
    position: relative
}

#haru-sp_circle .modal.license-modal .modal-dialog .modal-content {
    height: 90%
}

#haru-sp_circle .modal.license-modal .modal-dialog .modal-content p {
    color: #2d2d2d!important
}

#haru-sp_circle .modal.license-modal .modal-dialog .modal-content .modal-body {
    height: 75%;
    overflow: scroll
}

#haru-sp_circle .modal.license-modal .modal-dialog .modal-footer {
    box-shadow: 0 -5px 6px 0 #ddd
}

#haru-sp_circle .modal.license-modal .modal-dialog .modal-header {
    box-shadow: 0 4px 6px 0 #ddd
}

#haru-sp_circle .ask-an-expert-modal .video-item-paragraph {
    position: relative
}

#haru-sp_circle .ask-an-expert-modal .video-item-paragraph .video-title {
    background: rgba(0, 95, 134, .8);
    color: #fff!important;
    border: 1px solid #000;
    width: 100%;
    padding-left: 50px!important;
    padding-top: 7px!important;
    bottom: 0;
    text-align: left!important;
    height: 50px;
    margin-bottom: 0!important;
    padding: 2px;
    line-height: 1.2!important
}

#haru-sp_circle .ask-an-expert-modal .video-item-paragraph .playcontainer {
    font-size: 30px;
    left: 0;
    padding-top: 40px;
    bottom: 0;
    margin-bottom: 0!important;
    position: absolute;
    width: 100%;
    color: #fff
}

#haru-sp_circle .ask-an-expert-modal .video-item-paragraph .playcontainer .glyphicon {
    position: absolute;
    bottom: 10px;
    left: 35px;
    top: auto
}

#haru-sp_circle .ask-an-expert-modal .modal-content {
    border-radius: 4px
}

#haru-sp_circle .ask-an-expert-modal .modal-header {
    padding: 0;
    border-bottom: none
}

#haru-sp_circle .ask-an-expert-modal .modal-body {
    padding: 0;
    overflow: hidden
}

#haru-sp_circle .ask-an-expert-modal .modal-columns:nth-child(1) {
    padding-right: 40px
}

#haru-sp_circle .ask-an-expert-modal .modal-columns {
    width: 50%;
    float: left
}

#haru-sp_circle .ask-an-expert-modal .close {
    opacity: 1;
    position: absolute;
    top: 15px;
    outline: 0;
    right: 13px
}

@media (max-width:991px) {
    #haru-sp_circle .ask-an-expert-modal {
        z-index: 10000
    }
    #haru-sp_circle .ask-an-expert-modal .modal-columns {
        width: 100%
    }
}

@media (min-width:992px) {
    #haru-sp_circle .license-modal .modal-body .clearfix .container {
        width: 100%!important
    }
}

#haru-sp_circle .express-lane-column-component .gs-column .haru-sp_circle-icon {
    position: relative;
    top: 1px;
    font-size: 16px;
    margin-right: 3px
}

#haru-sp_circle .express-lane-column-component .text-left {
    padding-left: 5px
}

@media (max-width:991px) {
    #haru-sp_circle .express-lane-column-component .gs-column {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .express-lane-column-component .haru-sp_circle-lead,
    #haru-sp_circle .express-lane-tabbing-component .haru-sp_circle-lead {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:992px) {
    #haru-sp_circle .express-lane-column-component .haru-sp_circle-lead,
    #haru-sp_circle .express-lane-tabbing-component .haru-sp_circle-lead {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (max-width:480px) {
    #haru-sp_circle .express-lane-column-component .gs-column {
        width: 100%
    }
}

#haru-sp_circle .express-lane-tabbing-component.express-lane-hero .row .useful-tools-section p div {
    color: #000
}

#haru-sp_circle .express-lane-tabbing-component.express-lane-hero .expresslane-download-list .content {
    padding: 0
}

#haru-sp_circle .express-lane-tabbing-component.express-lane-hero .useful-tools-section .closepopover {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 12px
}

#haru-sp_circle .express-lane-column-component p a:link,
#haru-sp_circle .express-lane-tabbing-component p a:link {
    font-family: proxima_nova, Helvetica, Arial, sans-serif!important;
    text-decoration: none;
    color: #65a637
}

#haru-sp_circle .express-lane-column-component .container-fluid,
#haru-sp_circle .express-lane-tabbing-component .container-fluid {
    padding-left: 0;
    padding-right: 0
}

#haru-sp_circle .express-lane-column-component .no-padding,
#haru-sp_circle .express-lane-tabbing-component .no-padding {
    padding-top: 0;
    padding-bottom: 0
}

#haru-sp_circle .express-lane-column-component .video-item,
#haru-sp_circle .express-lane-tabbing-component .video-item {
    margin-bottom: 15px
}

#haru-sp_circle .express-lane-column-component .vid-title-disappear,
#haru-sp_circle .express-lane-tabbing-component .vid-title-disappear {
    padding-left: 0
}

#haru-sp_circle .express-lane-column-component .videos-tab-block,
#haru-sp_circle .express-lane-tabbing-component .videos-tab-block {
    padding-bottom: 0!important;
    margin-bottom: 0!important
}

#haru-sp_circle .express-lane-column-component .videos-tab-block .col-lg-6,
#haru-sp_circle .express-lane-column-component .videos-tab-block .col-sm-6,
#haru-sp_circle .express-lane-tabbing-component .videos-tab-block .col-lg-6,
#haru-sp_circle .express-lane-tabbing-component .videos-tab-block .col-sm-6 {
    margin-bottom: 0!important
}

#haru-sp_circle .express-lane-column-component .btn,
#haru-sp_circle .express-lane-tabbing-component .btn {
    white-space: normal!important;
    height: auto!important
}

#haru-sp_circle .express-lane-column-component .install-small-blocks-margin,
#haru-sp_circle .express-lane-tabbing-component .install-small-blocks-margin {
    margin-bottom: 20px
}

#haru-sp_circle .express-lane-column-component .no-side-padding,
#haru-sp_circle .express-lane-tabbing-component .no-side-padding {
    padding-right: 0;
    padding-left: 0
}

#haru-sp_circle .express-lane-column-component .small-blocks-margin,
#haru-sp_circle .express-lane-tabbing-component .small-blocks-margin {
    margin-bottom: 20px
}

#haru-sp_circle .express-lane-column-component .register-now-btn,
#haru-sp_circle .express-lane-tabbing-component .register-now-btn {
    margin-bottom: 0!important
}

#haru-sp_circle .express-lane-column-component .more-videos,
#haru-sp_circle .express-lane-tabbing-component .more-videos {
    text-align: right;
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

#haru-sp_circle .express-lane-column-component .video-container,
#haru-sp_circle .express-lane-tabbing-component .video-container {
    margin-bottom: 20px;
    padding: 20px;
    width: 100%;
    background-color: #fafafa;
    height: 100%;
    border-radius: 2px
}

#haru-sp_circle .express-lane-column-component .video-item-paragraph,
#haru-sp_circle .express-lane-tabbing-component .video-item-paragraph {
    position: relative
}

#haru-sp_circle .express-lane-column-component .playcontainer,
#haru-sp_circle .express-lane-tabbing-component .playcontainer {
    font-size: 30px;
    left: 0;
    padding-top: 40px;
    bottom: 0;
    margin-bottom: 0!important;
    position: absolute;
    width: 100%;
    color: #fff
}

#haru-sp_circle .express-lane-column-component .playcontainer .glyphicon,
#haru-sp_circle .express-lane-tabbing-component .playcontainer .glyphicon {
    position: absolute;
    bottom: 10px;
    left: 35px;
    top: auto;
    color: #fff
}

#haru-sp_circle .express-lane-column-component .small-blocks-margin,
#haru-sp_circle .express-lane-tabbing-component .small-blocks-margin {
    margin-bottom: 20px
}

#haru-sp_circle .express-lane-column-component .small-block-gradient-color,
#haru-sp_circle .express-lane-tabbing-component .small-block-gradient-color {
    background: #64a436;
    background: -webkit-linear-gradient(#64a436, #2e6906);
    background: -o-linear-gradient(#64a436, #2e6906);
    background: -moz-linear-gradient(#64a436, #2e6906);
    background: linear-gradient(#64a436, #2e6906)
}

#haru-sp_circle .express-lane-column-component .image-top-padding,
#haru-sp_circle .express-lane-tabbing-component .image-top-padding {
    padding-top: 15px
}

#haru-sp_circle .express-lane-column-component .img-block-green,
#haru-sp_circle .express-lane-tabbing-component .img-block-green {
    position: relative;
    margin-bottom: 0;
    max-height: 65px
}

#haru-sp_circle .express-lane-column-component .img-block-green img,
#haru-sp_circle .express-lane-tabbing-component .img-block-green img {
    width: 60px;
    height: 40px;
    margin-bottom: 10px
}

#haru-sp_circle .express-lane-column-component .img-block,
#haru-sp_circle .express-lane-tabbing-component .img-block {
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
    min-height: 105px;
    padding-top: 60px
}

#haru-sp_circle .express-lane-column-component .img-block .blue-state,
#haru-sp_circle .express-lane-column-component .img-block .gray-state,
#haru-sp_circle .express-lane-tabbing-component .img-block .blue-state,
#haru-sp_circle .express-lane-tabbing-component .img-block .gray-state {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

#haru-sp_circle .express-lane-column-component .img-block .blue-state img,
#haru-sp_circle .express-lane-column-component .img-block .gray-state img,
#haru-sp_circle .express-lane-tabbing-component .img-block .blue-state img,
#haru-sp_circle .express-lane-tabbing-component .img-block .gray-state img {
    height: 65px;
    width: auto
}

#haru-sp_circle .express-lane-column-component .img-block .aid-assistance-img,
#haru-sp_circle .express-lane-tabbing-component .img-block .aid-assistance-img {
    margin-top: 0
}

#haru-sp_circle .express-lane-column-component .img-block .blue-state,
#haru-sp_circle .express-lane-tabbing-component .img-block .blue-state {
    visibility: hidden
}

#haru-sp_circle .express-lane-column-component .img-block:hover .gray-state,
#haru-sp_circle .express-lane-tabbing-component .img-block:hover .gray-state {
    display: none
}

#haru-sp_circle .express-lane-column-component .img-block:hover .blue-state,
#haru-sp_circle .express-lane-tabbing-component .img-block:hover .blue-state {
    visibility: visible
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu li.active .img-block .gray-state,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu li.active .img-block .gray-state {
    display: none
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu li.active .img-block .blue-state,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu li.active .img-block .blue-state {
    visibility: visible
}

#haru-sp_circle .express-lane-column-component .title-top-padding,
#haru-sp_circle .express-lane-tabbing-component .title-top-padding {
    padding-top: 60px
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu li h6,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu li h6 {
    padding-top: 20px;
    padding-bottom: 10px
}

#haru-sp_circle .express-lane-column-component .video-title,
#haru-sp_circle .express-lane-tabbing-component .video-title {
    background: rgba(0, 95, 134, .8);
    color: #fff!important;
    border: 1px solid #000;
    width: 100%;
    padding-left: 50px!important;
    padding-top: 4px!important;
    bottom: 0;
    text-align: left!important;
    height: 50px;
    margin-bottom: 0!important;
    padding: 2px;
    line-height: 1.2!important
}

#haru-sp_circle .express-lane-column-component .video-title span,
#haru-sp_circle .express-lane-tabbing-component .video-title span {
    padding-left: 0
}

#haru-sp_circle .express-lane-column-component #getstarted-tab img:focus,
#haru-sp_circle .express-lane-tabbing-component #getstarted-tab img:focus {
    background: red
}

#haru-sp_circle .express-lane-column-component .panel-group,
#haru-sp_circle .express-lane-tabbing-component .panel-group {
    margin-bottom: 0!important
}

#haru-sp_circle .express-lane-column-component .use-extend-blocks,
#haru-sp_circle .express-lane-tabbing-component .use-extend-blocks {
    background-color: #fafafa;
    padding: 20px;
    border-radius: 2px
}

#haru-sp_circle .express-lane-column-component .use-extend-blocks ul,
#haru-sp_circle .express-lane-tabbing-component .use-extend-blocks ul {
    list-style-type: none;
    padding-left: 0!important
}

#haru-sp_circle .express-lane-column-component .use-extend-blocks ul li,
#haru-sp_circle .express-lane-tabbing-component .use-extend-blocks ul li {
    line-height: 1.4;
    padding-bottom: 10px
}

#haru-sp_circle .express-lane-column-component .use-extend-blocks ul li:last-child,
#haru-sp_circle .express-lane-tabbing-component .use-extend-blocks ul li:last-child {
    padding-bottom: 0
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu .col-md-2,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu .col-md-2 {
    list-style: outside none none;
    text-align: center;
    width: 15.2%!important;
    padding: 0
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu a,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu a {
    padding: 0 15px!important;
    display: block
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu a:focus,
#haru-sp_circle .express-lane-column-component .tabsBlck-menu a:hover,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu a:focus,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu a:hover {
    background: 0 0!important;
    text-decoration: none
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu span,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu span {
    display: block;
    height: 92px;
    width: 92px;
    margin-left: 20px;
    background-repeat: no-repeat
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu p,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu p {
    color: #18c5f2;
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600
}

#haru-sp_circle .express-lane-column-component .tab-content,
#haru-sp_circle .express-lane-tabbing-component .tab-content {
    background: linear-gradient(45deg, #75dafa, #00a9e0, #00a9e0, #00a9e0);
    padding-top: 60px;
    padding-bottom: 68px;
    margin: auto!important
}

#haru-sp_circle .express-lane-column-component .tab-content .big-title,
#haru-sp_circle .express-lane-tabbing-component .tab-content .big-title {
    margin-top: 0;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.3
}

#haru-sp_circle .express-lane-column-component .tab-content .video-item,
#haru-sp_circle .express-lane-tabbing-component .tab-content .video-item {
    margin-bottom: 20px
}

#haru-sp_circle .express-lane-column-component .tab-content .small-title,
#haru-sp_circle .express-lane-tabbing-component .tab-content .small-title {
    color: #626061;
    line-height: 1.7!important;
    font-size: 18px
}

#haru-sp_circle .express-lane-column-component .tab-content-lists,
#haru-sp_circle .express-lane-tabbing-component .tab-content-lists {
    border-left: 1px solid #ccc;
    line-height: 2;
    list-style: outside none none!important;
    margin-top: 30px;
    padding-bottom: 10px
}

#haru-sp_circle .express-lane-column-component .tab-content-lists a,
#haru-sp_circle .express-lane-tabbing-component .tab-content-lists a {
    color: #09c!important;
    font-weight: 600;
    font-size: 18px
}

#haru-sp_circle .express-lane-column-component .tabsBlck-menu.nav.nav-tabs,
#haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu.nav.nav-tabs {
    border: medium none
}

@media (max-width:992px) {
    #haru-sp_circle .express-lane-tabbing-component .devharu-sp_circle-header-icon {
        height: 36px;
        width: 36px;
        background-size: 36px 36px!important
    }
}

@media (min-width:993px) {
    #haru-sp_circle .express-lane-tabbing-component .video-title {
        font-size: 14px!important
    }
}

@media (max-width:1199px) {
    #haru-sp_circle .express-lane-tabbing-component .dev-haru-sp_circle-tabsBlck .col-md-2 {
        min-height: 155px!important
    }
    #haru-sp_circle .express-lane-tabbing-component .dev-haru-sp_circle-tabs li.active::after {
        width: 0!important;
        height: 0!important;
        border-style: solid;
        border-width: 0 11px 14px 11px;
        border-color: transparent transparent #00a9e0;
        bottom: 0!important;
        content: "";
        display: block;
        height: 27px;
        left: 50%;
        margin-left: -11px;
        position: absolute;
        width: 50px;
        z-index: 2
    }
    #haru-sp_circle .express-lane-column-component .video-title {
        font-size: 12px;
        padding-top: 9px!important
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .express-lane-tabbing-component .dev-haru-sp_circle-tabsBlck .col-md-2 {
        height: 150px
    }
    #haru-sp_circle .express-lane-tabbing-component .dev-haru-sp_circle-tabs li.active::after {
        width: 0!important;
        height: 0!important;
        border-style: solid;
        border-width: 0 11px 14px 11px;
        border-color: transparent transparent #00a9e0;
        bottom: 0;
        content: "";
        display: block;
        height: 27px;
        left: 50%;
        margin-left: -11px;
        position: absolute;
        width: 50px;
        z-index: 2
    }
}

@media (max-width:767px) {
    #haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu .col-sm-3 {
        width: 25%!important;
        display: block;
        float: left
    }
    #haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu .col-sm-3 .blue-state img,
    #haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu .col-sm-3 .gray-state img {
        height: 35px;
        width: auto
    }
    #haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu .col-sm-3 .haru-sp_circle-h6 {
        font-size: 14px
    }
    #haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu .col-sm-3 .img-block {
        padding-top: 45px
    }
    #haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu li h6 {
        padding-top: 12px
    }
    #haru-sp_circle .express-lane-tabbing-component .haru-sp_circle-lead {
        margin-right: 20px;
        margin-left: 20px
    }
    #haru-sp_circle .express-lane-tabbing-component .third-small-block {
        margin-left: 50%;
        transform: translateX(-50%)
    }
    #haru-sp_circle .express-lane-tabbing-component .blocks-responsive-size {
        width: 50%;
        float: left
    }
    #haru-sp_circle .express-lane-tabbing-component .videos-custom-width {
        width: 50%;
        float: left
    }
    #haru-sp_circle .express-lane-tabbing-component .custom-width-install-blocks {
        width: 50%;
        float: left;
        padding: 8px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .express-lane-column-component .col-lg-6:nth-child(1n+3) .video-item,
    #haru-sp_circle .express-lane-column-component .col-sm-6:nth-child(1n+3) .video-item,
    #haru-sp_circle .express-lane-tabbing-component .col-lg-6:nth-child(1n+3) .video-item,
    #haru-sp_circle .express-lane-tabbing-component .col-sm-6:nth-child(1n+3) .video-item {
        margin-bottom: 12px
    }
}

@media (max-width:473px) {
    #haru-sp_circle .express-lane-tabbing-component .dev-haru-sp_circle-tabs li.active::after {
        top: 122px!important
    }
}

@media (max-width:414px) {
    #haru-sp_circle .express-lane-tabbing-component .videos-custom-width {
        width: 100%
    }
    #haru-sp_circle .express-lane-tabbing-component .custom-width-install-blocks {
        width: 100%
    }
    #haru-sp_circle .express-lane-tabbing-component .install-small-blocks-margin {
        margin-bottom: 0
    }
    #haru-sp_circle .express-lane-tabbing-component .blocks-responsive-size {
        width: 100%
    }
}

@media (max-width:480px) {
    #haru-sp_circle .express-lane-tabbing-component .btn-responsive-size {
        padding: 10px 20px!important
    }
}

@media (max-width:440px) {
    #haru-sp_circle .express-lane-tabbing-component .tabsBlck-menu .col-sm-3 .haru-sp_circle-h6 {
        font-size: 12px!important
    }
    #haru-sp_circle .express-lane-tabbing-component .dev-haru-sp_circle-tabs li.active::after {
        top: 122px!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    #haru-sp_circle .express-lane-tabbing-component .custom-width-install-blocks {
        width: 50%;
        float: left;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (max-width:600px) and (min-width:415px) {
    #haru-sp_circle .express-lane-tabbing-component .vid-title-disappear {
        text-align: left;
        display: none
    }
    #haru-sp_circle .express-lane-tabbing-component .video-title {
        height: 40px;
        padding-top: 8px!important
    }
    #haru-sp_circle .express-lane-tabbing-component .playcontainer .glyphicon {
        bottom: 5px
    }
}

#haru-sp_circle .l3-hero .banner {
    background-position: center center;
    background-size: cover
}

#haru-sp_circle .other-links {
    color: #47444 44
}

#haru-sp_circle .other-links a,
#haru-sp_circle .other-links a:active,
#haru-sp_circle .other-links a:hover,
#haru-sp_circle .other-links a:visited {
    font-size: 15px;
    color: #0c1724;
    text-decoration: underline
}

#haru-sp_circle .expresslane-download-list {
    text-align: left
}

#haru-sp_circle .expresslane-download-list .other-links {
    margin-top: 20px;
    text-align: right
}

#haru-sp_circle .expresslane-download-list .other-links a {
    color: #09c;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px
}

#haru-sp_circle .expresslane-download-list .glyphicon-save {
    margin-right: 5px
}

#haru-sp_circle .expresslane-download-list .content {
    padding-top: 0!important
}

#haru-sp_circle .expresslane-download-list .content .version-block {
    padding: 10px;
    padding-top: 28px;
    margin-bottom: 7px;
    border-bottom: 1px dotted #dadce0
}

#haru-sp_circle .expresslane-download-list .content .version-block .bits {
    text-align: center
}

#haru-sp_circle .expresslane-download-list .content .version-block .pill {
    background-color: #97999b;
    color: #fff;
    padding: 4px 15px 4px 15px;
    border-radius: 3px;
    font-size: 18px
}

#haru-sp_circle .expresslane-download-list .content .version-block .strong {
    font-weight: 700
}

#haru-sp_circle .expresslane-download-list .content .version-block .versions-table {
    margin-top: -17px;
    width: 100%
}

#haru-sp_circle .expresslane-download-list .content .version-block .versions-table td:nth-child(1) {
    min-width: 15%
}

#haru-sp_circle .expresslane-download-list .content .version-block .versions-table td:nth-child(2) {
    min-width: 35%
}

#haru-sp_circle .expresslane-download-list .content .version-block .versions-table td:nth-child(3) {
    min-width: 50%;
    text-align: right
}

#haru-sp_circle .expresslane-download-list .content .version-block .versions-table td:nth-child(3) .haru-sp_circle-btn {
    margin-top: 7px
}

#haru-sp_circle .expresslane-download-list .content .version-block .versions-table td .filename {
    font-size: 18px;
    font-weight: regular
}

#haru-sp_circle .expresslane-download-list .content .version-block .versions-table td .filesize {
    font-size: 14px;
    color: #818081
}

#haru-sp_circle .expresslane-download-list .content .version-block .versions-table td .btn .glyphicon {
    margin-right: 5px
}

#haru-sp_circle .expresslane-download-list .nav-tabs {
    border-bottom: 1px solid #dadce0
}

#haru-sp_circle .expresslane-download-list .nav-tabs li {
    margin-bottom: 0;
    border: none;
    padding-left: 6px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li a {
    border: none;
    display: inline-block;
    padding: 10px 0 6px 0;
    color: #474444;
    margin-left: 15px;
    margin-right: 15px;
    opacity: 1
}

#haru-sp_circle .expresslane-download-list .nav-tabs li a .glyphicon {
    display: none
}

#haru-sp_circle .expresslane-download-list .nav-tabs li a:focus,
#haru-sp_circle .expresslane-download-list .nav-tabs li a:hover {
    text-decoration: none;
    background-color: transparent;
    border: none
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active .windows {
    background-position: -458px -26px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active .linux {
    background-position: -246px -26px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active .solaris {
    width: 40px;
    background-position: -375px -26px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active .macos {
    background-position: -313px -26px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active .freebsd {
    background-position: -98px -26px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active .aix {
    background-position: -26px -26px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active .hpux {
    background-position: -170px -26px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active a {
    color: #000;
    border: none
}

#haru-sp_circle .expresslane-download-list .nav-tabs li.active a {
    border-bottom: 4px solid #0575E6;
    font-weight: 700
}

#haru-sp_circle .expresslane-download-list .nav-tabs li:hover .windows {
    background-position: -458px -170px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li:hover .linux {
    background-position: -246px -170px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li:hover .solaris {
    width: 40px;
    background-position: -375px -170px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li:hover .macos {
    background-position: -313px -170px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li:hover .freebsd {
    background-position: -98px -170px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li:hover .aix {
    background-position: -26px -170px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li:hover .hpux {
    background-position: -170px -170px
}

#haru-sp_circle .expresslane-download-list .nav-tabs li:hover a {
    color: #0575E6;
    font-weight: regular;
    opacity: 1;
    transition: color .5s
}

#haru-sp_circle .expresslane-download-list ul.nav-tabs>li.active::after {
    content: "";
    display: block;
    width: 25px;
    height: 14px;
    position: absolute;
    z-index: 2;
    bottom: -14px;
    left: 31px;
    margin-left: -13px
}

#haru-sp_circle .expresslane-download-list ul.nav-tabs>li.active.solaris-arrow::after {
    left: 40px
}

#haru-sp_circle .expresslane-download-list .panel-default>.panel-heading {
    color: #333;
    background-color: #404549;
    border-color: #ddd;
    padding: 20px;
    border-radius: 0
}

#haru-sp_circle .expresslane-download-list .panel-default>.panel-heading .panel-title a {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    display: inline-block
}

#haru-sp_circle .expresslane-download-list .panel-default>.panel-heading .panel-title a .glyphicon {
    position: absolute;
    right: 0;
    font-size: 26px;
    top: 0
}

#haru-sp_circle .expresslane-download-list .panel-default>.panel-heading .panel-title a .glyphicon-chevron-down {
    display: none
}

#haru-sp_circle .expresslane-download-list .panel-default>.panel-heading .panel-title a .glyphicon-chevron-up {
    display: inline-block;
    color: #fff
}

#haru-sp_circle .expresslane-download-list .panel-default>.panel-heading .panel-title a.collapsed .glyphicon-chevron-down {
    display: inline-block
}

#haru-sp_circle .expresslane-download-list .panel-default>.panel-heading .panel-title a.collapsed .glyphicon-chevron-up {
    display: none
}

#haru-sp_circle .expresslane-download-list .panel-group .panel+.panel {
    margin-top: 1px
}

#haru-sp_circle .expresslane-download-list .panel-body {
    padding: 0
}

#haru-sp_circle .download-logo {
    position: relative;
    margin-right: 5px;
    top: 3px;
    height: 20px;
    width: 20px;
    background-image: url(source/images/download-logos-spritesheet-update.png);
    display: inline-block;
    background-position: -26px -98px
}

#haru-sp_circle .download-logo:hover {
    background-position: inherit -76px
}

#haru-sp_circle .download-logo.windows {
    background-position: -458px -98px
}

#haru-sp_circle .download-logo.linux {
    background-position: -246px -98px
}

#haru-sp_circle .download-logo.solaris {
    top: 0;
    width: 40px;
    background-position: -375px -98px
}

#haru-sp_circle .download-logo.macos {
    top: 1px;
    background-position: -313px -98px
}

#haru-sp_circle .download-logo.freebsd {
    background-position: -98px -98px
}

#haru-sp_circle .download-logo.hpux {
    background-position: -170px -98px
}

@media (min-width:1200px) {
    #haru-sp_circle .expresslane-download-list p {
        font-size: 18px;
        line-height: 27px
    }
    #haru-sp_circle .expresslane-download-list .nav-tabs li {
        margin-right: 20px
    }
}

@media (max-width:991px) {
    #haru-sp_circle .expresslane-download-list p {
        font-size: 15px;
        line-height: 22px
    }
    #haru-sp_circle .download-logo {
        width: 50px;
        background-position: -17px -26px
    }
    #haru-sp_circle .download-logo:hover {
        background-position: inherit -76px
    }
    #haru-sp_circle .download-logo.windows {
        background-position: -450px -26px
    }
    #haru-sp_circle .download-logo.linux {
        background-position: -237px -26px
    }
    #haru-sp_circle .download-logo.solaris {
        width: 50px;
        background-position: -375px -26px
    }
    #haru-sp_circle .download-logo.macos {
        top: 1px;
        background-position: -304px -26px
    }
    #haru-sp_circle .download-logo.freebsd {
        background-position: -89px -26px
    }
    #haru-sp_circle .download-logo.hpux {
        background-position: -161px -26px
    }
    #haru-sp_circle .collapsed .download-logo {
        background-position: -17px -98px
    }
    #haru-sp_circle .collapsed .download-logo:hover {
        background-position: inherit -76px
    }
    #haru-sp_circle .collapsed .download-logo.windows {
        background-position: -450px -98px
    }
    #haru-sp_circle .collapsed .download-logo.linux {
        background-position: -237px -98px
    }
    #haru-sp_circle .collapsed .download-logo.solaris {
        background-position: -375px -98px
    }
    #haru-sp_circle .collapsed .download-logo.macos {
        top: 1px;
        background-position: -304px -98px
    }
    #haru-sp_circle .collapsed .download-logo.freebsd {
        background-position: -89px -98px
    }
    #haru-sp_circle .collapsed .download-logo.hpux {
        background-position: -161px -98px
    }
    #haru-sp_circle .expresslane-download-list p {
        font-size: 15px
    }
    #haru-sp_circle .expresslane-download-list h2 {
        margin-top: 0;
        font-size: 24px
    }
    #haru-sp_circle .expresslane-download-list h3 {
        font-size: 18px
    }
    #haru-sp_circle .expresslane-download-list .content {
        font-size: 15px;
        line-height: 22px
    }
    #haru-sp_circle .expresslane-download-list .content .btn {
        font-size: 15px
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .bits {
        text-align: left
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .pill {
        font-size: 15px;
        padding-left: 5px;
        padding-right: 5px
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table {
        margin-top: 0
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table td {
        padding-left: 0
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table td:nth-child(2) {
        left: -16%;
        position: relative
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table td:nth-child(3) {
        text-align: right;
        padding-right: 0
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table td .filesize {
        white-space: nowrap;
        position: relative;
        top: 14px
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table td .filename {
        font-size: 15px;
        top: -9px;
        position: relative
    }
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table td .btn {
        position: relative;
        left: -19px
    }
    #haru-sp_circle .expresslane-download-list .other-links {
        font-size: 14px;
        text-align: left
    }
}

@media (max-width:400px) {
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table td .btn {
        left: -35%
    }
}

@media (max-width:340px) {
    #haru-sp_circle .expresslane-download-list .content .version-block .versions-table td .btn {
        padding-left: 4px;
        padding-right: 4px
    }
}

#haru-sp_circle .mobile-thank-you .video-item-paragraph {
    position: relative
}

#haru-sp_circle .mobile-thank-you .video-item-paragraph .video-title {
    bottom: 0;
    left: 0;
    padding-top: 10px;
    height: 50px;
    padding-left: 50px;
    background: rgba(0, 95, 134, .8);
    color: #fff
}

#haru-sp_circle .mobile-thank-you .video-item-paragraph .playcontainer {
    position: absolute;
    bottom: 0!important;
    left: 35px
}

#haru-sp_circle .mobile-thank-you .video-item-paragraph .playcontainer .glyphicon {
    top: auto;
    bottom: 7px;
    font-size: 30px;
    height: 34px;
    position: absolute;
    color: #fff
}

#haru-sp_circle .mobile-thank-you .sp-btn-dark-green {
    background-color: #197301;
    color: #fff
}

#haru-sp_circle .mobile-thank-you .side-padding {
    padding-right: 25px;
    padding-left: 25px
}

#haru-sp_circle .mobile-thank-you .btn-margin {
    margin: 25px 0
}

#haru-sp_circle .mobile-thank-you .btn-margin .haru-sp_circle-btn {
    margin-bottom: 0
}

#haru-sp_circle .mobile-thank-you .word-wrap-style {
    word-wrap: break-word
}

#haru-sp_circle .manual-validation {
    left: 15px;
    top: 0;
    position: absolute;
    height: 100%;
    width: auto;
    z-index: 2;
    padding: 30px;
    right: 15px
}

#haru-sp_circle .manual-validation .title-container {
    display: table
}

#haru-sp_circle .manual-validation .title-container .heading,
#haru-sp_circle .manual-validation .title-container .icon {
    display: table-cell;
    color: #fff;
    vertical-align: middle
}

#haru-sp_circle .manual-validation .title-container .icon {
    padding: 15px;
    font-size: 40px
}

#haru-sp_circle .manual-validation .title-container .icon .haru-sp_circle-icon {
    color: #fff
}

#haru-sp_circle .manual-validation .title-container .heading {
    font-size: 24px;
    font-weight: 600
}

#haru-sp_circle .manual-validation .email-icon {
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: 100px
}

#haru-sp_circle .manual-validation .email-icon-black {
    margin-bottom: 40px
}

#haru-sp_circle .manual-validation .email-icon-green {
    margin-bottom: 45px
}

#haru-sp_circle .carousel {
    position: relative
}

#haru-sp_circle .splunk_products .splunk_products-row {
    margin-top: 0!important
}

#haru-sp_circle .splunk_products .splunk_products-row h1,
#haru-sp_circle .splunk_products .splunk_products-row h2 {
    margin-top: 0
}

#haru-sp_circle .splunk_products {
    color: #2d2d2d;
    min-height: 200px;
    padding: 72px 0
}

#haru-sp_circle .splunk_products .eyebrow {
    color: #2d2d2d;
    display: block;
    padding-bottom: 30px;
    text-transform: uppercase
}

#haru-sp_circle .splunk_products .eyebrow .haru-sp_circle-icon {
    margin-right: 5px;
    position: relative;
    top: 1px
}

#haru-sp_circle .splunk_products .eyebrow .haru-sp_circle-icon.inverted,
#haru-sp_circle .splunk_products .eyebrow .haru-sp_circle-icon.white {
    color: #fff
}

#haru-sp_circle .splunk_products h1 {
    font-size: 55px
}

#haru-sp_circle .splunk_products .splunk_products_row h1 {
    padding-bottom: 0
}

#haru-sp_circle .splunk_products .splunk_products_row a:active.inverted h1,
#haru-sp_circle .splunk_products .splunk_products_row a:active.haru-sp_circle-color.haru-sp_circle-white h1,
#haru-sp_circle .splunk_products .splunk_products_row a:link.inverted h1,
#haru-sp_circle .splunk_products .splunk_products_row a:link.haru-sp_circle-color.haru-sp_circle-white h1,
#haru-sp_circle .splunk_products .splunk_products_row a:visited.inverted h1,
#haru-sp_circle .splunk_products .splunk_products_row a:visited.haru-sp_circle-color.haru-sp_circle-white h1 {
    color: #fff
}

#haru-sp_circle .splunk_products .splunk_products_row a:hover {
    color: #2d2d2d
}

#haru-sp_circle .splunk_products .splunk_products_row a:hover.inverted,
#haru-sp_circle .splunk_products .splunk_products_row a:hover.haru-sp_circle-color.haru-sp_circle-white {
    color: #fff
}

#haru-sp_circle .splunk_products .download {
    display: none
}

@media (min-width:991px) {
    #haru-sp_circle .splunk_products {
        min-height: 200px
    }
    #haru-sp_circle .splunk_products_row .col-lg-8 {
        width: 68.666667%
    }
}

@media (min-width:481px) and (max-width:990px) {
    #haru-sp_circle .splunk_products {
        padding: 40px 0
    }
}

@media (max-width:480px) {
    #haru-sp_circle .splunk_products {
        padding: 30px 0
    }
    #haru-sp_circle .splunk_products .download {
        margin-top: 25px;
        display: inline-block
    }
}

@media (max-width:767px) {
    #haru-sp_circle .splunk_products h1 {
        font-size: 45px;
        font-weight: 700;
        color: #fff;
        padding-bottom: 10px;
        padding-left: 30px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .splunk_products h1 {
        font-size: 55px;
        font-weight: 700;
        color: #fff;
        padding-bottom: 10px
    }
}

#haru-sp_circle .other-product .haru-sp_circle-h3 {
    color: #2d2d2d;
    margin: 33px 0 40px;
    padding-bottom: 0
}

#haru-sp_circle .other-product h4.haru-sp_circle-h3,
#haru-sp_circle .other-product p.haru-sp_circle-h3 {
    font-size: 33px;
    font-weight: 400
}

@media (min-width:480px) {
    #haru-sp_circle .other-product h4.haru-sp_circle-h3,
    #haru-sp_circle .other-product p.haru-sp_circle-h3 {
        font-size: 45px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .other-product h4.haru-sp_circle-h3,
    #haru-sp_circle .other-product p.haru-sp_circle-h3 {
        font-size: 45px
    }
}

@media (min-width:991px) {
    #haru-sp_circle .other-product .haru-sp_circle-h3 {
        margin: 94px 0 38px
    }
    #haru-sp_circle .other-product p.haru-sp_circle-h3 {
        padding: 0
    }
}

@media (max-width:767px) {
    #haru-sp_circle .other-product:last-child p.haru-sp_circle-h3 {
        padding: 0
    }
}

#haru-sp_circle .other-product .haru-sp_circle-h6 {
    color: #2d2d2d;
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 0
}

#haru-sp_circle .l1-productCollection .haru-sp_circle-h3 {
    color: #2d2d2d;
    text-align: center;
    margin: 20px 0 10px;
    padding-bottom: 0
}

#haru-sp_circle .product-box .haru-sp_circle-h6 {
    color: #2d2d2d;
    margin-top: 0;
    word-wrap: break-word;
    margin-bottom: 10px;
    padding-right: 0;
    padding-bottom: 0;
    display: block;
    height: auto
}

#haru-sp_circle .product-box h3.haru-sp_circle-h6,
#haru-sp_circle .product-box p.haru-sp_circle-h6 {
    font-size: 18px;
    line-height: 130%
}

@media (min-width:480px) {
    #haru-sp_circle .product-box h3.haru-sp_circle-h6,
    #haru-sp_circle .product-box p.haru-sp_circle-h6 {
        font-size: 20px;
        line-height: 120%
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .product-box h3.haru-sp_circle-h6,
    #haru-sp_circle .product-box p.haru-sp_circle-h6 {
        font-size: 20px;
        line-height: 120%
    }
}

#haru-sp_circle .customer-success div.haru-sp_circle-h3,
#haru-sp_circle .customer-success h1.haru-sp_circle-h3,
#haru-sp_circle .customer-success h2.haru-sp_circle-h3,
#haru-sp_circle .customer-success h3.haru-sp_circle-h3,
#haru-sp_circle .customer-success h4.haru-sp_circle-h3,
#haru-sp_circle .customer-success h5.haru-sp_circle-h3,
#haru-sp_circle .customer-success h6.haru-sp_circle-h3,
#haru-sp_circle .customer-success p.haru-sp_circle-h3 {
    font-size: 33px;
    margin: 0;
    padding: 0
}

#haru-sp_circle .customer-success div.haru-sp_circle-h5,
#haru-sp_circle .customer-success h1.haru-sp_circle-h5,
#haru-sp_circle .customer-success h2.haru-sp_circle-h5,
#haru-sp_circle .customer-success h3.haru-sp_circle-h5,
#haru-sp_circle .customer-success h4.haru-sp_circle-h5,
#haru-sp_circle .customer-success h5.haru-sp_circle-h5,
#haru-sp_circle .customer-success h6.haru-sp_circle-h5,
#haru-sp_circle .customer-success p.haru-sp_circle-h5 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0
}

@media (min-width:480px) {
    #haru-sp_circle .customer-success div.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h1.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h2.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h3.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h4.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h5.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h6.haru-sp_circle-h3,
    #haru-sp_circle .customer-success p.haru-sp_circle-h3 {
        font-size: 45px
    }
    #haru-sp_circle .customer-success div.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h1.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h2.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h3.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h4.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h5.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h6.haru-sp_circle-h5,
    #haru-sp_circle .customer-success p.haru-sp_circle-h5 {
        font-size: 24px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .customer-success div.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h1.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h2.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h3.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h4.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h5.haru-sp_circle-h3,
    #haru-sp_circle .customer-success h6.haru-sp_circle-h3,
    #haru-sp_circle .customer-success p.haru-sp_circle-h3 {
        font-size: 45px
    }
    #haru-sp_circle .customer-success div.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h1.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h2.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h3.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h4.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h5.haru-sp_circle-h5,
    #haru-sp_circle .customer-success h6.haru-sp_circle-h5,
    #haru-sp_circle .customer-success p.haru-sp_circle-h5 {
        font-size: 24px
    }
}

#haru-sp_circle .app-overview .haru-sp_circle-h3 {
    color: #2d2d2d;
    margin-top: 40px
}

#haru-sp_circle .overview .haru-sp_circle-h3 {
    color: #2d2d2d;
    margin-top: 40px;
    margin-bottom: 20px
}

#haru-sp_circle .haru-sp_circle-intro h1 {
    font-weight: 700
}

#haru-sp_circle .haru-sp_circle-intro h2 {
    color: #65a637
}

#haru-sp_circle .l2-productTour .haru-sp_circle-slider .tabbing-content .carousel-indicators {
    padding: 0 20px
}

#haru-sp_circle .product-section .haru-sp_circle-h3 {
    color: #2a3135;
    margin-top: 40px;
    padding-bottom: 0
}

@media (min-width:991px) {
    #haru-sp_circle .product-section .haru-sp_circle-h3 {
        padding-top: 91px;
        margin-top: 0
    }
}

@media (min-width:991px) {
    #haru-sp_circle .product-section p.haru-sp_circle-h3,
    #haru-sp_circle .product-section p.haru-sp_circle-h6,
    #haru-sp_circle .product-section p.haru-sp_circle-h7 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:991px) and (min-width:768px) {
    #haru-sp_circle .product-section .haru-sp_circle-h3 {
        margin-bottom: 20px
    }
}

#haru-sp_circle .product-section p.haru-sp_circle-h3 {
    font-size: 33px
}

@media (min-width:480px) {
    #haru-sp_circle .product-section p.haru-sp_circle-h3 {
        font-size: 45px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .product-section p.haru-sp_circle-h3 {
        font-size: 45px
    }
}

#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover div.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover div.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h1.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h1.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h2.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h2.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h3.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h3.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h4.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h4.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h5.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h5.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h6.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover h6.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover p.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li:hover p.haru-sp_circle-h7 {
    color: inherit
}

#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active {
    top: 0!important;
    border-bottom: 1px solid #000!important;
    background: 0 0
}

#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active div.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active div.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h1.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h1.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h2.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h2.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h3.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h3.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h4.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h4.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h5.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h5.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h6.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active h6.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active p.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators li.active p.haru-sp_circle-h7 {
    border: 1px solid transparent!important;
    background-color: transparent!important;
    font-weight: 600;
    color: #000
}

#haru-sp_circle .haru-sp_circle-slider #carousel-select.carousel-indicators li {
    border-radius: 0!important;
    border-bottom: 1px solid #ddd
}

#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content {
    border-top: 0;
    border-bottom: 0;
    background: 0 0
}

#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h7 {
    color: rgba(45, 45, 45, .7)
}

#haru-sp_circle .haru-sp_circle-slider .carousel-indicators div.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators div.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h1.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h1.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h2.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h2.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h3.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h3.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h4.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h4.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h5.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h5.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h6.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators h6.haru-sp_circle-h7,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators p.haru-sp_circle-h6,
#haru-sp_circle .haru-sp_circle-slider .carousel-indicators p.haru-sp_circle-h7 {
    width: 100%;
    height: 100%;
    font-size: 16px;
    border: 1px solid #fff!important;
    background-color: #fff!important;
    color: #474444;
    font-weight: 400
}

@media (min-width:991px) {
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators div.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators div.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h1.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h1.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h2.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h2.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h3.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h3.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h4.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h4.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h5.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h5.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h6.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators h6.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators p.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .carousel-indicators p.haru-sp_circle-h7 {
        padding-bottom: 6px
    }
}

@media (min-width:991px) {
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h7 {
        padding-bottom: 6px;
        padding-top: 0;
        margin-top: 0
    }
}

@media (min-width:991px) {
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h7 {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h7 {
        font-size: 15px
    }
}

@media (max-width:991px) and (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content div.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h1.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h2.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h3.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h4.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h5.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content h6.haru-sp_circle-h7,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h6,
    #haru-sp_circle .haru-sp_circle-slider .haru-sp_circle-pager.tabbing-content p.haru-sp_circle-h7 {
        font-size: 14px;
        white-space: normal
    }
}

#haru-sp_circle .new-section div.haru-sp_circle-h3,
#haru-sp_circle .new-section div.haru-sp_circle-h7,
#haru-sp_circle .new-section h1.haru-sp_circle-h3,
#haru-sp_circle .new-section h1.haru-sp_circle-h7,
#haru-sp_circle .new-section h2.haru-sp_circle-h3,
#haru-sp_circle .new-section h2.haru-sp_circle-h7,
#haru-sp_circle .new-section h3.haru-sp_circle-h3,
#haru-sp_circle .new-section h3.haru-sp_circle-h7,
#haru-sp_circle .new-section h4.haru-sp_circle-h3,
#haru-sp_circle .new-section h4.haru-sp_circle-h7,
#haru-sp_circle .new-section h5.haru-sp_circle-h3,
#haru-sp_circle .new-section h5.haru-sp_circle-h7,
#haru-sp_circle .new-section h6.haru-sp_circle-h3,
#haru-sp_circle .new-section h6.haru-sp_circle-h7,
#haru-sp_circle .new-section p.haru-sp_circle-h3,
#haru-sp_circle .new-section p.haru-sp_circle-h7 {
    color: #2d2d2d
}

#haru-sp_circle .new-section div.haru-sp_circle-h3,
#haru-sp_circle .new-section h1.haru-sp_circle-h3,
#haru-sp_circle .new-section h2.haru-sp_circle-h3,
#haru-sp_circle .new-section h3.haru-sp_circle-h3,
#haru-sp_circle .new-section h4.haru-sp_circle-h3,
#haru-sp_circle .new-section h5.haru-sp_circle-h3,
#haru-sp_circle .new-section h6.haru-sp_circle-h3,
#haru-sp_circle .new-section p.haru-sp_circle-h3 {
    font-size: 33px;
    margin-top: 40px;
    margin-bottom: 18px;
    padding-bottom: 0
}

@media (min-width:991px) {
    #haru-sp_circle .new-section div.haru-sp_circle-h3,
    #haru-sp_circle .new-section h1.haru-sp_circle-h3,
    #haru-sp_circle .new-section h2.haru-sp_circle-h3,
    #haru-sp_circle .new-section h3.haru-sp_circle-h3,
    #haru-sp_circle .new-section h4.haru-sp_circle-h3,
    #haru-sp_circle .new-section h5.haru-sp_circle-h3,
    #haru-sp_circle .new-section h6.haru-sp_circle-h3,
    #haru-sp_circle .new-section p.haru-sp_circle-h3 {
        margin-top: 88px;
        margin-bottom: 28px
    }
}

#haru-sp_circle .article-content .haru-sp_circle-h7,
#haru-sp_circle .article-content h2.haru-sp_circle-h7 {
    margin: 20px 0 10px;
    padding-bottom: 0
}

@media (min-width:480px) {
    #haru-sp_circle .new-section div.haru-sp_circle-h3,
    #haru-sp_circle .new-section h1.haru-sp_circle-h3,
    #haru-sp_circle .new-section h2.haru-sp_circle-h3,
    #haru-sp_circle .new-section h3.haru-sp_circle-h3,
    #haru-sp_circle .new-section h4.haru-sp_circle-h3,
    #haru-sp_circle .new-section h5.haru-sp_circle-h3,
    #haru-sp_circle .new-section h6.haru-sp_circle-h3,
    #haru-sp_circle .new-section p.haru-sp_circle-h3 {
        font-size: 45px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .new-section div.haru-sp_circle-h3,
    #haru-sp_circle .new-section h1.haru-sp_circle-h3,
    #haru-sp_circle .new-section h2.haru-sp_circle-h3,
    #haru-sp_circle .new-section h3.haru-sp_circle-h3,
    #haru-sp_circle .new-section h4.haru-sp_circle-h3,
    #haru-sp_circle .new-section h5.haru-sp_circle-h3,
    #haru-sp_circle .new-section h6.haru-sp_circle-h3,
    #haru-sp_circle .new-section p.haru-sp_circle-h3 {
        font-size: 45px
    }
}

#haru-sp_circle .overview.app-overview .ctas {
    padding: 25px 0
}

@media (max-width:767px) {
    #haru-sp_circle .overview.app-overview {
        padding-bottom: 0
    }
    #haru-sp_circle .overview.app-overview .ctas {
        padding: 30px 0;
        text-align: center
    }
    #haru-sp_circle .overview.app-overview .ctas .haru-sp_circle-btn {
        width: 60%;
        margin-right: 0
    }
}

@media (max-width:550px) {
    #haru-sp_circle .overview.app-overview .ctas .haru-sp_circle-btn {
        width: 80%
    }
}

@media (max-width:440px) {
    #haru-sp_circle .overview.app-overview .ctas .haru-sp_circle-btn {
        width: 100%
    }
}

#haru-sp_circle .l2-producthero .mint-free-download .haru-sp_circle-login-button-modal-btn {
    min-width: 200px
}

#haru-sp_circle .banner {
    border-bottom: none!important
}

#haru-sp_circle .banner h1 {
    font-weight: 700
}

#haru-sp_circle .banner h4.haru-sp_circle-color.haru-sp_circle-white * {
    color: #fff
}

#haru-sp_circle .banner h4.haru-sp_circle-color.haru-sp_circle-gray-lightest * {
    color: #f0f3f7
}

#haru-sp_circle .banner h4.haru-sp_circle-color.haru-sp_circle-gray-light * {
    color: #d5dce5
}

#haru-sp_circle .banner h4.haru-sp_circle-color.haru-sp_circle-gray * {
    color: #969daa
}

#haru-sp_circle .banner h4.haru-sp_circle-color.haru-sp_circle-gray-dark * {
    color: #656c76
}

#haru-sp_circle .banner h4.haru-sp_circle-color.haru-sp_circle-gray-darker * {
    color: #363c44
}

#haru-sp_circle .banner h4.haru-sp_circle-color.haru-sp_circle-gray-darkest * {
    color: #0c1724
}

#haru-sp_circle .banner h4.haru-sp_circle-color.haru-sp_circle-black * {
    color: #000
}

#haru-sp_circle .app-resources .haru-sp_circle-h3 {
    color: #2d2d2d;
    text-align: left;
    padding-bottom: 0
}

#haru-sp_circle .solution-resources h3.haru-sp_circle-h3,
#haru-sp_circle .solution-resources p.haru-sp_circle-h3 {
    font-size: 33px
}

@media (min-width:480px) {
    #haru-sp_circle .solution-resources h3.haru-sp_circle-h3,
    #haru-sp_circle .solution-resources p.haru-sp_circle-h3 {
        font-size: 45px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .solution-resources h3.haru-sp_circle-h3,
    #haru-sp_circle .solution-resources p.haru-sp_circle-h3 {
        font-size: 45px
    }
}

@media (min-width:991px) {
    #haru-sp_circle .solution-resources .haru-sp_circle-h3 {
        margin-bottom: 22px
    }
}

@media (min-width:991px) {
    #haru-sp_circle .app-resources .haru-sp_circle-h3 {
        text-align: left
    }
}

@media (max-width:991px) and (min-width:768px) {
    #haru-sp_circle .app-resources .haru-sp_circle-h3 {
        text-align: left
    }
}

@media (max-width:767px) {
    #haru-sp_circle .resources-title .haru-sp_circle-h3 {
        display: none
    }
}

#haru-sp_circle .solution-resources .haru-sp_circle-h5 {
    color: #2d2d2d
}

@media (min-width:991px) {
    #haru-sp_circle .solution-resources .haru-sp_circle-h5 {
        font-size: 24px
    }
}

#haru-sp_circle .l3-genericSectionComponent .mobile .haru-sp_circle-h4 a {
    font-size: 24px;
    font-weight: 700;
    color: #2a3136;
    margin-left: 35px;
    position: relative
}

#haru-sp_circle .l3-genericSectionComponent .mobile .haru-sp_circle-h4 a:before {
    background: url(../../../designs/splunk/img/sprite.png);
    display: inline-block;
    height: 13px;
    width: 25px;
    position: absolute;
    content: "";
    top: 5px;
    left: -31px;
    background-position: -76px -40px
}

#haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h3 {
    font-size: 33px;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    color: #0c1724;
    margin-top: 0;
    line-height: 110%
}

#haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h4 {
    font-size: 22px;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    color: #0c1724;
    margin-top: 0;
    line-height: 120%
}

#haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h6 {
    font-size: 18px;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    color: #0c1724;
    margin-top: 0;
    line-height: 130%
}

#haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h7 {
    font-size: 16px;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    color: #0c1724;
    margin-top: 0;
    line-height: 120%
}

@media (min-width:480px) {
    #haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h3 {
        font-size: 45px;
        line-height: 120%
    }
    #haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h4 {
        font-size: 28px;
        line-height: 120%
    }
    #haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h6 {
        font-size: 20px;
        line-height: 120%
    }
    #haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h7 {
        font-size: 18px;
        line-height: 120%
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h3 {
        font-size: 45px;
        line-height: 120%
    }
    #haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h4 {
        font-size: 30px;
        line-height: 120%
    }
    #haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h6 {
        font-size: 20px;
        line-height: 120%
    }
    #haru-sp_circle .l3-genericSectionComponent .section02 .haru-sp_circle-h7 {
        font-size: 18px;
        line-height: 120%
    }
}

#haru-sp_circle .ad-customerlogo div.haru-sp_circle-h3,
#haru-sp_circle .ad-customerlogo p.haru-sp_circle-h3 {
    color: #2d2d2d
}

#haru-sp_circle .case-studies h3.haru-sp_circle-h3 {
    font-size: 45px
}

#haru-sp_circle .case-studies.generic-one-column .haru-sp_circle-h4 {
    padding-bottom: 0;
    margin: 20px 0 10px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-body.list-check li:before {
    margin-left: -1.1em
}

#haru-sp_circle .case-studies.generic-two-column .asset {
    margin-top: 25px
}

#haru-sp_circle .case-studies.generic-two-column .haru-sp_circle-video img {
    width: 100%
}

#haru-sp_circle .case-studies.generic-two-column .blue-btn {
    margin-left: 0
}

#haru-sp_circle .case-studies.generic-two-column .quote {
    font-style: italic
}

#haru-sp_circle .case-studies.generic-two-column .quote p {
    font-style: italic
}

#haru-sp_circle .case-studies.generic-two-column div.haru-sp_circle-h4,
#haru-sp_circle .case-studies.generic-two-column p.haru-sp_circle-h4 {
    color: #2d2d2d
}

#haru-sp_circle .case-studies.generic-two-column h3.haru-sp_circle-h4 {
    font-size: 22px
}

@media (min-width:480px) {
    #haru-sp_circle .case-studies.generic-two-column h3.haru-sp_circle-h4 {
        font-size: 28px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .case-studies.generic-two-column h3.haru-sp_circle-h4 {
        font-size: 30px
    }
}

#haru-sp_circle .collateral-main .collateral-col-right .collateral-basic-section .haru-sp_circle-h4 {
    color: #2d2d2d;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 0
}

#haru-sp_circle .collateral-main .collateral-col-right .collateral-basic-section .haru-sp_circle-h6 {
    color: #2d2d2d;
    padding-top: 5px;
    margin-top: 10px;
    margin-bottom: 10px
}

#haru-sp_circle .haru-sp_circle-products .haru-sp_circle-h2,
#haru-sp_circle .why-splunk .haru-sp_circle-h2 {
    color: #2d2d2d
}

#haru-sp_circle .why-splunk .haru-sp_circle-h2 {
    margin: 0;
    padding-bottom: 39px;
    padding-top: 80px
}

@media (min-width:991px) {
    #haru-sp_circle .why-splunk .haru-sp_circle-h2 {
        padding-top: 80px;
        padding-bottom: 27px
    }
}

@media (min-width:991px) {
    #haru-sp_circle .why-splunk p.haru-sp_circle-h2 {
        padding-left: 0;
        padding-right: 0;
        line-height: 1.2
    }
}

@media (max-width:767px) {
    #haru-sp_circle .why-splunk .haru-sp_circle-h2 {
        padding-top: 40px;
        font-size: 30px;
        padding-bottom: 24px
    }
}

#haru-sp_circle .why-splunk p.haru-sp_circle-h2 {
    font-size: 30px
}

@media (min-width:480px) {
    #haru-sp_circle .why-splunk p.haru-sp_circle-h2 {
        font-size: 45px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .why-splunk p.haru-sp_circle-h2 {
        font-size: 50px
    }
}

#haru-sp_circle .partner .event-wrapper .haru-sp_circle-h3 {
    color: #2d2d2d
}

#haru-sp_circle .partner .event-wrapper .haru-sp_circle-h6 {
    color: #2d2d2d;
    font-size: 21px;
    font-weight: 400
}

#haru-sp_circle .shim-404-error {
    color: #2d2d2d
}

div.haru-sp_circle-h1,
div.haru-sp_circle-h3,
p.haru-sp_circle-h1,
p.haru-sp_circle-h3 {
    color: #2d2d2d
}

#haru-sp_circle .single-product-main-col .haru-sp_circle-h3 {
    margin-top: 10%
}

#haru-sp_circle .single-product-main-col div.haru-sp_circle-h3,
#haru-sp_circle .single-product-main-col h1.haru-sp_circle-h3,
#haru-sp_circle .single-product-main-col h2.haru-sp_circle-h3,
#haru-sp_circle .single-product-main-col h3.haru-sp_circle-h3,
#haru-sp_circle .single-product-main-col h4.haru-sp_circle-h3,
#haru-sp_circle .single-product-main-col h5.haru-sp_circle-h3,
#haru-sp_circle .single-product-main-col h6.haru-sp_circle-h3,
#haru-sp_circle .single-product-main-col p.haru-sp_circle-h3 {
    color: #2d2d2d;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-size: 33px;
    font-weight: 400;
    line-height: 110%;
    margin-top: 10%;
    margin-bottom: 10px
}

@media (min-width:480px) {
    #haru-sp_circle .single-product-main-col div.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h1.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h2.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h3.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h4.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h5.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h6.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col p.haru-sp_circle-h3 {
        font-size: 45px;
        line-height: 120%
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .single-product-main-col div.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h1.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h2.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h3.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h4.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h5.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col h6.haru-sp_circle-h3,
    #haru-sp_circle .single-product-main-col p.haru-sp_circle-h3 {
        font-size: 45px;
        line-height: 120%
    }
}

#haru-sp_circle .single-product-main-col div.haru-sp_circle-h6,
#haru-sp_circle .single-product-main-col h1.haru-sp_circle-h6,
#haru-sp_circle .single-product-main-col h2.haru-sp_circle-h6,
#haru-sp_circle .single-product-main-col h3.haru-sp_circle-h6,
#haru-sp_circle .single-product-main-col h4.haru-sp_circle-h6,
#haru-sp_circle .single-product-main-col h5.haru-sp_circle-h6,
#haru-sp_circle .single-product-main-col h6.haru-sp_circle-h6,
#haru-sp_circle .single-product-main-col p.haru-sp_circle-h6 {
    font-size: 18px;
    line-height: 130%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0
}

@media (min-width:480px) {
    #haru-sp_circle .single-product-main-col div.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h1.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h2.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h3.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h4.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h5.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h6.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col p.haru-sp_circle-h6 {
        font-size: 20px;
        line-height: 120%
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .single-product-main-col div.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h1.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h2.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h3.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h4.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h5.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col h6.haru-sp_circle-h6,
    #haru-sp_circle .single-product-main-col p.haru-sp_circle-h6 {
        font-size: 20px;
        line-height: 120%
    }
}

#haru-sp_circle .modal-title .haru-sp_circle-h6 {
    color: #2d2d2d;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    margin: 0;
    padding-bottom: 0
}

#haru-sp_circle .modal-body .haru-sp_circle-h7,
#haru-sp_circle .modal-body p.haru-sp_circle-h7 {
    color: #2d2d2d;
    font-size: 16px;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin: 0;
    padding-left: 10px;
    padding-bottom: 0
}

@media (min-width:480px) {
    #haru-sp_circle .modal-body .haru-sp_circle-h7,
    #haru-sp_circle .modal-body p.haru-sp_circle-h7 {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .modal-body .haru-sp_circle-h7,
    #haru-sp_circle .modal-body p.haru-sp_circle-h7 {
        font-size: 18px
    }
}

#haru-sp_circle .haru-sp_circle-products h2,
#haru-sp_circle .why-splunk h2 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 400
}

#haru-sp_circle .haru-sp_circle-customer div.haru-sp_circle-h2,
#haru-sp_circle .haru-sp_circle-customer h1.haru-sp_circle-h2,
#haru-sp_circle .haru-sp_circle-customer h2.haru-sp_circle-h2,
#haru-sp_circle .haru-sp_circle-customer h3.haru-sp_circle-h2,
#haru-sp_circle .haru-sp_circle-customer h4.haru-sp_circle-h2,
#haru-sp_circle .haru-sp_circle-customer h5.haru-sp_circle-h2,
#haru-sp_circle .haru-sp_circle-customer h6.haru-sp_circle-h2,
#haru-sp_circle .haru-sp_circle-customer p.haru-sp_circle-h2 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 79px;
    padding-bottom: 32px;
    margin: 0
}

@media (min-width:991px) {
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer div.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h1.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h2.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h3.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h4.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h5.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h6.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer p.haru-sp_circle-h2 {
        padding-top: 68px;
        padding-bottom: 7px
    }
}

@media (max-width:767px) {
    #haru-sp_circle .why-splunk div.haru-sp_circle-h2,
    #haru-sp_circle .why-splunk h1.haru-sp_circle-h2,
    #haru-sp_circle .why-splunk h2.haru-sp_circle-h2,
    #haru-sp_circle .why-splunk h3.haru-sp_circle-h2,
    #haru-sp_circle .why-splunk h4.haru-sp_circle-h2,
    #haru-sp_circle .why-splunk h5.haru-sp_circle-h2,
    #haru-sp_circle .why-splunk h6.haru-sp_circle-h2,
    #haru-sp_circle .why-splunk p.haru-sp_circle-h2 {
        padding-top: 40px;
        padding-bottom: 24px
    }
}

#haru-sp_circle #content .why-splunk.haru-sp_circle-customer h1.haru-sp_circle-h2,
#haru-sp_circle #content .why-splunk.haru-sp_circle-customer h2.haru-sp_circle-h2,
#haru-sp_circle #content .why-splunk.haru-sp_circle-customer p.haru-sp_circle-h2 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 110%
}

@media (min-width:480px) {
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h1.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h2.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer p.haru-sp_circle-h2 {
        font-size: 45px;
        line-height: 110%
    }
}

@media (min-width:1200px) {
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h1.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer h2.haru-sp_circle-h2,
    #haru-sp_circle #content .why-splunk.haru-sp_circle-customer p.haru-sp_circle-h2 {
        font-size: 50px;
        line-height: 120%
    }
}

#haru-sp_circle .press-release ul {
    list-style: none;
    padding-left: 20px
}

#haru-sp_circle .press-release ul li:before {
    font-size: 1.4em;
    content: "• ";
    display: inline-block;
    left: -2px;
    width: 1.3em;
    position: absolute;
    color: #e20082!important;
    padding-left: 20px
}

#haru-sp_circle .q4default .bwlistdisc {
    list-style-type: none!important
}

#haru-sp_circle .grecaptcha-badge {
    z-index: 1000
}

#haru-sp_circle .haru-sp_circle-login-button-modal {
    position: fixed;
    text-align: left
}

#haru-sp_circle .haru-sp_circle-login-button-modal .modal-body a.btn {
    color: #fff;
    display: inline-block;
    text-align: left;
    margin: 0;
    min-width: auto
}

#haru-sp_circle .haru-sp_circle-login-button-modal .modal-body p {
    padding: 0
}

#haru-sp_circle .haru-sp_circle-login-button-modal .modal-body h3 {
    margin-top: 0
}

#haru-sp_circle .getstarted-button-modal {
    width: 95%;
    margin-right: 0!important
}

#haru-sp_circle .standalone-button-modal {
    margin-top: 10px;
    margin-left: 10px
}

#haru-sp_circle .column .buttonmodal.display-inline .cq-placeholder {
    min-width: 450px
}

#haru-sp_circle .buttonmodal.display-inline {
    display: inline-block
}

#haru-sp_circle .promobutton .buttonmodal.display-inline button {
    margin-top: 0
}

#haru-sp_circle .buttonmodal.display-inline .standalone-button-modal {
    margin-left: 0
}

#haru-sp_circle .buttonmodal.display-inline a,
#haru-sp_circle .buttonmodal.display-inline button {
    margin-right: 16px;
    margin-bottom: 24px
}
/*
#haru-sp_circle .buttonmodal.display-inline a span[aria-hidden=true],
#haru-sp_circle .buttonmodal.display-inline button span[aria-hidden=true] {
    position: relative;
    top: -5px
}
*/
#haru-sp_circle .buttonmodal.display-inline a.sp-btn-clear,
#haru-sp_circle .buttonmodal.display-inline a.sp-btn-green-clear,
#haru-sp_circle .buttonmodal.display-inline button.sp-btn-clear,
#haru-sp_circle .buttonmodal.display-inline button.sp-btn-green-clear {
    padding-right: 0;
    padding-left: 0
}

#haru-sp_circle .buttonmodal.display-inline a.spacing-right,
#haru-sp_circle .buttonmodal.display-inline button.spacing-right {
    margin-right: 16px
}

#haru-sp_circle .buttonmodal.display-inline a.spacing-bottom,
#haru-sp_circle .buttonmodal.display-inline button.spacing-bottom {
    margin-bottom: 16px
}

#haru-sp_circle .buttonmodal.display-inline+.video {
    display: inline-block
}

#haru-sp_circle .video>a.sp-btn-clear,
#haru-sp_circle .video>a.sp-btn-green-clear,
#haru-sp_circle .video>button.sp-btn-clear,
#haru-sp_circle .video>button.sp-btn-green-clear {
    padding-right: 0;
    padding-left: 0
}

#haru-sp_circle .call-to-action>a.haru-sp_circle-btn.sp-btn-clear,
#haru-sp_circle .call-to-action>a.haru-sp_circle-btn.sp-btn-green-clear,
#haru-sp_circle .call-to-action>button.haru-sp_circle-btn.sp-btn-clear,
#haru-sp_circle .call-to-action>button.haru-sp_circle-btn.sp-btn-green-clear,
#haru-sp_circle .ctas>a.haru-sp_circle-btn.sp-btn-clear,
#haru-sp_circle .ctas>a.haru-sp_circle-btn.sp-btn-green-clear,
#haru-sp_circle .ctas>button.haru-sp_circle-btn.sp-btn-clear,
#haru-sp_circle .ctas>button.haru-sp_circle-btn.sp-btn-green-clear {
    padding-right: 0;
    padding-left: 0
}

#haru-sp_circle .call-to-action>.video,
#haru-sp_circle .ctas>.video {
    display: inline-block
}

/* :root {
    --none: url()
}*/

#haru-sp_circle .column .container .container {
    width: 100%
}

#haru-sp_circle .column .align-center {
    text-align: center
}

#haru-sp_circle .column .title {
    word-wrap: break-word
}

#haru-sp_circle .column .promoband.small-promo-band .container {
    width: 100%
}

#haru-sp_circle .column .socialband .container {
    width: 100%
}

#haru-sp_circle .column .textImage .media-and-text.float-left .image-container {
    float: left
}

#haru-sp_circle .column .textImage .media-and-text.float-right .image-container {
    float: right
}

#haru-sp_circle .column .textImage .media-and-text:not(.float-left):not(.float-right):not(.unwrap-text) .image-container {
    padding: 15px 0
}

#haru-sp_circle .column .textImage .media-and-text .author {
    margin-top: 10px;
    font-size: 15px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    padding-left: 12px;
    display: block;
    margin-left: 39px
}

#haru-sp_circle .column .textImage .media-and-text .author:before {
    content: "\2014" "\202F";
    position: absolute;
    left: 0
}

#haru-sp_circle .column .textImage .media-and-text .image-container {
    padding: 15px;
    padding-top: 0;
    text-align: center
}

#haru-sp_circle .column .textImage .media-and-text .image-container img {
    width: 100%
}

#haru-sp_circle .column .textImage .media-and-text .image-container.image-container-circle {
    text-align: center;
    padding: 0!important
}

#haru-sp_circle .column .textImage .media-and-text .image-container.image-container-circle .circle-image-wrapper {
    overflow: hidden;
    border-radius: 50%;
    width: 95px;
    height: 95px;
    padding: 0!important;
    margin: 0 auto;
    box-shadow: 0 0 25px #e5e5e5;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important
}

#haru-sp_circle .column .textImage .media-and-text.width-28 .image-container {
    width: 28%
}

#haru-sp_circle .column .textImage .media-and-text.width-50 .image-container {
    width: 50%
}

#haru-sp_circle .column .textImage .media-and-text.width-33 .image-container {
    width: 33%
}

#haru-sp_circle .column .textImage .bottom-margin-40 {
    margin-bottom: 40px
}

#haru-sp_circle .column .textImage .bottom-margin-20 {
    margin-bottom: 20px
}

#haru-sp_circle .column .textImage .bottom-padding-40 {
    padding-bottom: 40px
}

#haru-sp_circle .column .textImage .bottom-padding-20 {
    padding-bottom: 20px
}

#haru-sp_circle .column .textImage .bottom-padding-80 {
    padding-bottom: 80px
}

#haru-sp_circle .column .textImage .border-bottom {
    border-bottom: 1px solid #65a637;
    padding-bottom: 25px
}

#haru-sp_circle .column .textImage .border-top {
    border-top: 1px solid #65a637;
    padding-top: 25px
}

#haru-sp_circle .column .textImage .border-top-bottom {
    border-top: 1px solid #65a637;
    border-bottom: 1px solid #65a637;
    padding: 25px 0
}

#haru-sp_circle .column .textImage .rte-container {
    padding-bottom: 30px!important
}

#haru-sp_circle .column .image-multi .flexbox {
    display: flex
}

#haru-sp_circle .column .image-multi .flexbox.flexbox-horizontal-center {
    justify-content: center
}

#haru-sp_circle .column .image-multi .flexbox .flex-item {
    flex: 1
}

#haru-sp_circle .column .image-multi .flexbox.flexbox-vertical-center {
    align-items: center
}

#haru-sp_circle .column .col-full-width {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

#haru-sp_circle .column .gateway-boxes .flexbox3 .col-gateway-box {
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1
}

#haru-sp_circle .column .prod-pricing+.textImage .rte-container {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 15px!important
}

#haru-sp_circle .column .prod-pricing+.textImage .rte-container p {
    font-size: 14px;
    font-weight: 600
}

#haru-sp_circle .column .haru-sp_circle2-background {
    background-image: var(--none), var(--none), var(--bg-columnbackground-url)
}

#haru-sp_circle .column .haru-sp_circle2-background.stripe-background {
    background-image: var(--bg-stripeleft-url), var(--bg-striperight-url), var(--bg-columnbackground-url);
    background-repeat: no-repeat!important;
    background-position: bottom left, top right, center center;
    background-size: auto, auto, cover
}

@media (max-width:767px) {
    #haru-sp_circle .column .haru-sp_circle2-background.stripe-background.stripe-disable-mobile {
        background-image: var(--none), var(--none), var(--bg-columnbackground-url)
    }
}

#haru-sp_circle .column .container .textImage .rte-container .centered>.haru-sp_circle2-h3+.haru-sp_circle-btn {
    margin-right: 16px
}

@media (min-width:481px) {
    #haru-sp_circle .column .col-full-width {
        width: 50%;
        padding-left: 20px;
        padding-right: 30px
    }
    #haru-sp_circle .column .rte-container .haru-sp_circle-btn {
        margin-right: 16px;
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .column .row-flex {
        display: flex
    }
    #haru-sp_circle .column .row-flex .col-flex {
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }
}

@media (max-width:767px) {
    #haru-sp_circle .column .media-and-text.unwrap-text.width-28 .rte-container {
        width: 100%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.width-50 .rte-container {
        flex: 1;
        width: 100%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.width-33 .image-container {
        flex-basis: 33%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.width-33 .rte-container {
        width: 100%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text {
        display: flex;
        flex-direction: row
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text.float-right .image-container {
        order: 2
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text>.div {
        flex-grow: 1
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text.width-28 .image-container {
        flex-basis: 28%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text.width-28 .rte-container {
        width: 72%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text.width-50 .image-container {
        flex: 1
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text.width-50 .rte-container {
        flex: 1;
        width: 50%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text.width-33 .image-container {
        flex-basis: 33%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.unwrap-text.width-33 .rte-container {
        width: 67%
    }
    #haru-sp_circle .column .media-and-text .bottom-margin-40 {
        margin-bottom: 40px
    }
    #haru-sp_circle .column .media-and-text .bottom-margin-20 {
        margin-bottom: 20px
    }
    #haru-sp_circle .column .media-and-text .bottom-padding-40 {
        padding-bottom: 40px
    }
    #haru-sp_circle .column .media-and-text .bottom-padding-20 {
        padding-bottom: 20px
    }
    #haru-sp_circle .column .media-and-text .bottom-padding-80 {
        padding-bottom: 80px
    }
    #haru-sp_circle .column .media-and-text .border-bottom {
        border-bottom: 1px solid #65a637;
        padding-bottom: 25px
    }
    #haru-sp_circle .column .media-and-text .border-top {
        border-top: 1px solid #65a637;
        padding-top: 25px
    }
    #haru-sp_circle .column .media-and-text .border-top-bottom {
        border-top: 1px solid #65a637;
        border-bottom: 1px solid #65a637;
        padding: 25px 0
    }
    #haru-sp_circle .column .image-multi .flexbox {
        display: flex
    }
    #haru-sp_circle .column .image-multi .flexbox.flexbox-horizontal-center {
        justify-content: center
    }
    #haru-sp_circle .column .image-multi .flexbox .flex-item {
        flex: 1
    }
    #haru-sp_circle .column .image-multi .flexbox.flexbox-vertical-center {
        align-items: center
    }
    #haru-sp_circle .column .row-flex-col-direction-md {
        flex-direction: column
    }
}

@media (max-width:767px) {
    #haru-sp_circle .column .media-and-text.unwrap-text.width-28 .rte-container {
        width: 100%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.width-50 .rte-container {
        flex: 1;
        width: 100%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.width-33 .image-container {
        flex-basis: 33%
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.width-33 .rte-container {
        width: 100%
    }
}

@media (max-width:480px) {
    #haru-sp_circle .column .media-and-text.unwrap-text {
        display: block
    }
    #haru-sp_circle .column .media-and-text.unwrap-text.bootstrap-responsiveness-reverse {
        display: flex
    }
    #haru-sp_circle .column .media-and-text.unwrap-text .image-container {
        width: 100%!important;
        float: none
    }
    #haru-sp_circle .column .image-multi .flexbox {
        display: block
    }
    #haru-sp_circle .column .image-multi .flexbox .flex-item {
        width: 100%;
        padding-bottom: 25px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .column .row-flex-row-direction-lg {
        flex-direction: row
    }
}

@media (min-width:768px) {
    #haru-sp_circle .ie11 .column .row-flex .col-flex {
        display: block
    }
}

#haru-sp_circle .divDisplayFrame {
    font-size: 16px!important;
    -webkit-font-smoothing: antialiased!important;
    padding-left: 20px!important;
    padding-right: 20px!important
}

#haru-sp_circle .divDisplayFrame hr {
    width: 100%;
    margin-top: 0!important;
    margin-bottom: 15px!important
}

#haru-sp_circle .tabCompList caption h3 {
    font-size: 0
}

#haru-sp_circle .tabCompList caption h3:before {
    content: 'Please confirm company location';
    font-size: 20px
}

#haru-sp_circle .divCompList .divCompName {
    color: #00a9e0!important;
    font-size: 18px;
    padding-top: 7px;
    font-weight: 600
}

#haru-sp_circle .divCompList:hover .divCompName {
    text-decoration: underline!important
}

#haru-sp_circle .divCompList .divCompDetails {
    color: #606060!important;
    font-size: 12px!important;
    padding-top: 5px;
    padding-bottom: 5px
}

#haru-sp_circle .tabCompTR {
    background-color: #fff!important
}

#haru-sp_circle .divCompNAList .divCompNAName {
    color: #00a9e0!important;
    font-weight: 400!important;
    font-size: 13px!important
}

@media (min-width:1200px) {
    #haru-sp_circle .tabCompList h3 {
        padding: 0!important;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 10px!important;
        padding-top: 25px!important;
        margin-bottom: 0;
        margin-top: 0;
        text-align: left!important
    }
}

#haru-sp_circle .tabCompTD {
    padding: 2px 0 2px 0!important;
    border-bottom: 1px solid #ccc!important
}

#haru-sp_circle .tabCompNATR {
    background-color: #fff!important
}

#haru-sp_circle .divCompNAName:hover {
    text-decoration: underline!important
}

#haru-sp_circle .divBlockFrame {
    z-index: 99998!important;
    background-color: #000!important;
    opacity: .5!important;
    background-image: none!important
}

#haru-sp_circle .divDisplayFrame {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5)!important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)!important
}

#haru-sp_circle .curriculum-track .modal {
    color: #2d2d2d
}

#haru-sp_circle .curriculum-track .modal span.padding-button-20 {
    color: #474444;
    margin-bottom: 0;
    padding-bottom: 20px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-h7 {
    padding-left: 0;
    padding-bottom: 0;
    color: #000;
    font-weight: 700
}

#haru-sp_circle .curriculum-track .alternate-email {
    background-color: transparent;
    height: 35px;
    padding-left: 10px;
    font-size: 16px;
    width: 100%;
    color: #72777a;
    font-weight: 600;
    cursor: text;
    border: none
}

#haru-sp_circle .curriculum-track input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: #72777a!important;
    -webkit-text-fill-font-weight: 600
}

#haru-sp_circle .curriculum-track input[type=radio] {
    margin-top: -1px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    position: relative;
    visibility: hidden
}

#haru-sp_circle .curriculum-track input[type=radio]:before {
    background: 0 0
}

#haru-sp_circle .curriculum-track input[type=radio]+label:before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #97999b
}

#haru-sp_circle .curriculum-track input[type=radio]:checked+label:before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #65a637
}

#haru-sp_circle .curriculum-track label {
    color: #474444
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input {
    width: 60%;
    border: 1px solid #00a9e0;
    overflow: hidden;
    border-radius: 5px;
    position: relative
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input.error {
    border-color: #b84756;
    background-color: transparent;
    border-radius: 5px
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input.error .alternate-email:focus {
    outline-color: #b84756
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input.error .feedback {
    color: #b84756;
    display: block
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input .feedback {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 3;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    display: none
}

#haru-sp_circle .curriculum-track .curriculum-conditions {
    font-size: 16px
}

@media (min-width:768px) {
    #haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-dialog {
        width: 650px
    }
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-header {
    padding: 10px 15px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-header button {
    margin-top: -10px;
    opacity: .5;
    font-size: 45px;
    font-weight: 100
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body p {
    font-size: 18px;
    color: #474444
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body p b {
    font-weight: 700;
    color: #000
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body .haru-sp_circle-h7 {
    font-weight: 700;
    color: #000
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body span {
    font-weight: 400
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body .primary-span {
    margin-right: 20px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body .alternate-container {
    margin-top: 20px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body a:link {
    display: inline-block
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white p {
    padding-left: 0;
    color: #474444
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white p b {
    font-weight: 700;
    color: #000
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white small strong p {
    color: #2d2d2d
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white h3 {
    padding-bottom: 0;
    margin-bottom: 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white h3 small {
    color: #2d2d2d
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white span .sessionEmail {
    font-weight: 600
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .control .control__indicator.checked {
    background: 0 0;
    border: 1px solid #65a637!important
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .control .control__indicator.checked:after {
    position: absolute;
    content: '';
    top: 1px;
    left: 3px;
    width: 4px;
    height: 7px;
    transform: rotate(45deg);
    border: solid #000;
    border-width: 0 2px 2px 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-open.modal,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-open.modal {
    overflow-y: hidden
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-header,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-header {
    padding: 10px 15px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-header button,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-header button {
    margin-top: -10px;
    opacity: .5;
    font-size: 45px;
    font-weight: 100
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white {
    text-align: center;
    padding-bottom: 50px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white .haru-sp_circle-h4,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white .haru-sp_circle-h4 {
    padding-bottom: 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white a.haru-sp_circle-btn:link,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white a.haru-sp_circle-btn:link {
    color: #09c;
    display: inline-block
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white a.haru-sp_circle-btn:link:hover,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white a.haru-sp_circle-btn:link:hover {
    color: #fff
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white p,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white p {
    font-size: 18px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white h3,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white h3 {
    margin-top: 0;
    margin-bottom: 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white h3 small,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white h3 small {
    color: #2d2d2d
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white .haru-sp_circle-h4 strong,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white .haru-sp_circle-h4 strong {
    padding-bottom: 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white .haru-sp_circle-h4.bigTitle,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white .haru-sp_circle-h4.bigTitle {
    padding-bottom: 10px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white .haru-sp_circle-btn,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white .haru-sp_circle-btn {
    display: inline-block
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white {
    text-align: left!important
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white a:link {
    color: #09c;
    display: inline-block!important
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white a:link:hover {
    color: #09c
}

#haru-sp_circle .curriculum-track form .control__indicator {
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    background: 0 0;
    border: 1px solid #97999b;
    border-radius: 3px
}

#haru-sp_circle .curriculum-track form .haru-sp_circle-submit {
    margin-top: 25px
}

#haru-sp_circle .curriculum-track .control {
    line-height: 130%;
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-left: 20px;
    cursor: pointer;
    font-weight: 400
}

#haru-sp_circle .curriculum-track .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

#haru-sp_circle .curriculum-track #privacy-policy {
    left: 15px
}

#haru-sp_circle .curriculum-track #terms-and-conditions {
    left: 15px
}

#haru-sp_circle .modal.promoband-modal.training .modal-body .rte-container p b {
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: -15px
}

#haru-sp_circle .modal.promoband-modal.training .modal-body .rte-container p:last-child {
    padding-bottom: 15px
}

@media (max-width:479px) {
    #haru-sp_circle .curriculum-track .curriculum-conditions {
        font-size: 14px
    }
}

#haru-sp_circle .textImage .media-and-text .rte-container p a:hover {
    cursor: pointer
}

#haru-sp_circle .textImage .promoband-modal .modal-header {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding: 10px 15px
}

#haru-sp_circle .textImage .promoband-modal .modal-header button {
    margin-top: -10px;
    opacity: .5;
    font-size: 45px;
    font-weight: 100
}

#haru-sp_circle .textImage .promoband-modal .modal-body {
    margin-top: 50px!important
}

#haru-sp_circle .textImage .promoband-modal .modal-body p {
    font-size: 18px
}

#haru-sp_circle .textImage .promoband-modal .modal-body .login-toggle.section span {
    padding-left: 0
}

@media (max-width:479px) {
    #haru-sp_circle .textImage .promoband-modal .modal-body p {
        font-size: 16px
    }
}

@media (max-width:1199px) {
    #haru-sp_circle .videofilter .tabbing-wrapper .nav.nav-tabs li.active a:after {
        visibility: hidden
    }
}

@media (max-width:768px) {
    #haru-sp_circle .videofilter .result-section .heading-video-filter,
    #haru-sp_circle .videofilter .result-section h1 {
        margin-bottom: 15px
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav.nav-tabs li.active a:after {
        visibility: hidden
    }
}

@media (max-width:767px) {
    #haru-sp_circle .videofilter .result-section .heading-video-filter,
    #haru-sp_circle .videofilter .result-section h1 {
        position: relative;
        top: -12px
    }
    #haru-sp_circle .videofilter .tabbing-wrapper {
        margin-top: 25px
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs {
        border-bottom: none;
        padding-bottom: 30px;
        margin-bottom: 0
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs li {
        margin-right: 15px;
        font-size: 16px
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs a {
        line-height: 1;
        padding: 9px 14px;
        text-align: center;
        border-radius: 3px;
        color: #59636a;
        position: relative
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs a b,
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs a strong {
        display: inline
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs a:after {
        position: absolute;
        content: "";
        left: 40%
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs a i {
        display: block;
        display: inline
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav>li>a:focus,
    #haru-sp_circle .videofilter .tabbing-wrapper .nav>li>a:hover {
        background: #e6e8e9
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav>li>a:focus:after,
    #haru-sp_circle .videofilter .tabbing-wrapper .nav>li>a:hover:after {
        border-style: solid;
        border-width: 10px;
        border-color: #e6e8e9 transparent transparent
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs>li.active>a,
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs>li.active>a:focus,
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs>li.active>a:hover {
        background: #59636a;
        border: none;
        color: #fff
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs>li.active>a>b,
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs>li.active>a>strong {
        color: #fff;
        font-weight: 400
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs>li.active>a:after,
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs>li.active>a:focus:after,
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs>li.active>a:hover:after {
        border-style: solid;
        border-width: 10px;
        border-color: #59636a transparent transparent;
        width: 0;
        height: 0;
        bottom: -19px;
        background: 0 0
    }
    #haru-sp_circle .videofilter .tabbing-wrapper .nav.nav-tabs li {
        float: left
    }
    #haru-sp_circle .videofilter .sort-videos-nav .list-inline {
        margin-left: -17px
    }
}

@media (max-width:480px) {
    #haru-sp_circle .videofilter .tabbing-wrapper .nav-tabs li {
        font-size: 14px
    }
    #haru-sp_circle .videofilter .tab-btn ul {
        padding: 0 9px
    }
}

@media (max-width:385px) {
    #haru-sp_circle .videofilter .result-section {
        padding-top: 0
    }
    #haru-sp_circle .videofilter .result-section .heading-video-filter,
    #haru-sp_circle .videofilter .result-section h1 {
        margin: 0 0 0 5px;
        top: 0;
        width: 100%
    }
    #haru-sp_circle .videofilter .tabbing-wrapper {
        margin-top: 25px;
        margin-left: 2px
    }
}

#haru-sp_circle .videofilter select {
    z-index: 2
}

#haru-sp_circle .videofilter .custom-select {
    display: inline-block;
    float: left;
    margin: 29px 0 0 20px;
    position: relative;
    width: 150px
}

#haru-sp_circle .videofilter .custom-select #lang_selection {
    width: 100%!important;
    margin-left: 0;
    margin-top: 0
}

#haru-sp_circle .videofilter .custom-select #lang_selection option {
    padding-left: 12px
}

#haru-sp_circle .chrome .videofilter .custom-select #lang_selection {
    top: -3px;
    left: 11px
}

#haru-sp_circle .safari .videofilter .custom-select #lang_selection {
    top: -5px;
    left: 14px
}

#haru-sp_circle .chrome.win .videofilter .custom-select #lang_selection {
    padding-left: 9px;
    top: -3px;
    left: 0
}

#haru-sp_circle .edge.no-chrome .videofilter .custom-select #lang_selection {
    top: 0;
    left: 0
}

#haru-sp_circle .ie11 .videofilter .custom-select #lang_selection {
    padding-left: 9px
}

#haru-sp_circle .ie10.no-chrome .videofilter .custom-select #lang_selection {
    padding-left: 9px
}

#haru-sp_circle .videofilter .customSelect {
    width: 100%;
    padding-right: 15px;
    height: 32px;
    overflow: hidden;
    background: transparent url(source/images/icon-chevron-down-blue.svg) right .5em center/1.4rem .5rem no-repeat
}

#haru-sp_circle .videofilter .customSelect.customSelectOpen {
    background: transparent url(source/images/icon-chevron-up-blue.svg) right .5em center/1.4rem .5rem no-repeat
}

#haru-sp_circle .videofilter .customSelect .customSelectInner {
    width: 100%!important
}

@media (max-width:767px) {
    #haru-sp_circle .videofilter .custom-select {
        margin: 5px 0 0 20px
    }
}

@media (max-width:385px) {
    #haru-sp_circle .videofilter .custom-select {
        margin: 15px 0 15px 13px
    }
}

#haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .container-fluid.masthead .navbar-brand {
    padding: 15px 10px
}

#haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .navbar-left .dropdown a.dropdown-toggle {
    font-size: 12px;
    padding-right: 5px
}

#haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav.open .search-icon:after {
    right: auto
}

#haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav .search-icon .icon-expanded-close-btn,
#haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .navbar-right .mega-menu-nav .search-icon .icon-expanded-search-icon {
    right: 1px
}

#haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .navbar-right .free-splunk {
    width: auto;
    min-width: 130px
}

#haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .navbar-right .free-splunk a.btn {
    font-size: 15px
}

@media (max-width:934px) {
    #haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .masthead .navbar-right .free-splunk {
        margin-right: 10px
    }
}

@media (min-width:935px) {
    #haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .container-fluid.masthead .navbar-brand {
        padding: 9px 15px 15px
    }
}

@media (min-width:992px) {
    #haru-sp_circle .haru-sp_circle-header-v3.haru-sp_circle-com-header .navbar-haru-sp_circle-v3 .navbar-left .dropdown a.dropdown-toggle {
        font-size: 14px;
        padding-right: 10px
    }
}

#haru-sp_circle .media .videojsContainer {
    width: 100%;
    position: relative;
    height: 0;
    padding: 56.25% 0 0 0
}

#haru-sp_circle .media .videojsContainer .vidyard_player {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#haru-sp_circle .media .videojsContainer .vidyard_player>span {
    width: 100%!important;
    height: 100%!important;
    margin: 0 auto!important
}

#haru-sp_circle .media .videojsContainer .embedContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#haru-sp_circle .media .videojsContainer .video-js {
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#haru-sp_circle .media .videojsContainer .vjs-default-skin .vjs-big-play-button {
    font-size: 3em;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: transparent!important;
    z-index: 1
}

#haru-sp_circle .media .videojsContainer .video-js .video-js .vjs-menu-button .vjs-menu-content,
#haru-sp_circle .media .videojsContainer .video-js .vjs-control-bar {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    z-index: 1
}

#haru-sp_circle .media .videojsContainer .vjs-default-skin .vjs-play-control.vjs-playing:before {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
    content: "\f103";
    font-size: 30px
}

#haru-sp_circle .media .videojsContainer .vjs-default-skin .vjs-play-control.vjs-control.vjs-button.vjs-paused:before {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
    content: "\f101";
    font-size: 30px
}

#haru-sp_circle .media .videojsContainer .vjs-big-play-button:before {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
    content: "\f102";
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 80px
}

#haru-sp_circle .media .videojsContainer .vjs-big-play-button:before {
    display: none!important
}

#haru-sp_circle .media .videojsContainer .video-js .vjs-slider {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

#haru-sp_circle .media .videojsContainer .video-js .vjs-play-progress,
#haru-sp_circle .media .videojsContainer .video-js .vjs-slider-bar,
#haru-sp_circle .media .videojsContainer .video-js .vjs-volume-level {
    background: #fff
}

#haru-sp_circle .media .videojsContainer .video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

#haru-sp_circle .media .videojsContainer .video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

#haru-sp_circle .media .videojsContainer .vjs-vimeo .vimeoFrame {
    height: 100%!important
}

#haru-sp_circle .media .videojsContainer .vjs-vimeo .vjs-volume-menu-button.vjs-menu-button .vjs-menu-button-inline.vjs-control.vjs-button.vjs-volume-menu-button-horizontal {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .media .videojsContainer .vjs-vimeo .vjs-volume-menu-button.vjs-menu-button .vjs-menu-button-inline.vjs-control.vjs-button.vjs-volume-menu-button-horizontal:before {
    content: "\f104";
    font-size: 30px;
    padding-right: 80px
}

#haru-sp_circle .media .videojsContainer .vjs-vol-0 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .media .videojsContainer .vjs-vol-0:before {
    content: "\f104";
    font-size: 30px;
    padding-right: 80px
}

#haru-sp_circle .media .videojsContainer .vjs-vol-1 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .media .videojsContainer .vjs-vol-1:before {
    content: "\f105";
    font-size: 30px;
    padding-right: 80px
}

#haru-sp_circle .media .videojsContainer .vjs-vol-2 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .media .videojsContainer .vjs-vol-2:before {
    content: "\f106";
    font-size: 30px;
    padding-right: 80px
}

#haru-sp_circle .media .videojsContainer .vjs-vol-3 {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .media .videojsContainer .vjs-vol-3:before {
    content: "\f107";
    font-size: 30px;
    padding-right: 80px
}

#haru-sp_circle .media .videojsContainer .video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
    font-size: 30px
}

#haru-sp_circle .media .videojsContainer .video-js .vjs-fullscreen-control:before {
    content: "\f109"
}

span.back-to-top {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 0 12px 0;
    transition: all .5s ease-in-out;
    background: #fff;
    text-align: center;
    opacity: .95
}

span.back-to-top svg {
    width: 20px;
    height: 13px;
    top: 14px;
    position: relative;
    fill: #474444;
    transform: scale(1.2);
    transition: all .5s ease-in-out
}

span.back-to-top:hover {
    opacity: 1;
    border-radius: 33px;
    box-shadow: 0 0 10px 0
}

span.back-to-top:hover svg {
    opacity: 1;
    fill: #000
}

@media (max-width:767px) {
    span.back-to-top {
        width: 40px;
        height: 40px
    }
    span.back-to-top svg {
        transform: scale(1);
        width: 20px;
        top: 11px
    }
    span.back-to-top:hover svg {
        opacity: 1
    }
}

#haru-sp_circle .haru-sp_circle-superModal.modal {
    margin-top: 0;
    padding: 40px 0
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content {
    border-radius: 0
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-header {
    padding: 20px;
    min-height: 60px;
    border-bottom: 1px solid #d5dce5
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-header .haru-sp_circle-superModal-title {
    font-size: 20px;
    font-weight: 700;
    color: #0c1724;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-header button.close {
    font-size: 30px;
    color: #000;
    opacity: .7;
    outline: 0
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-header button.close:hover {
    color: #000
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body {
    padding: 0
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section {
    position: relative
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section>.row {
    display: block
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section[data-vimeo-initialized] {
    padding-bottom: 56%
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section[data-vimeo-initialized] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section .container {
    width: 100%!important
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section .row>.video.parbase.section .haru-sp_circle-video-inline .vidyard_player {
    max-width: none
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section .row>.column.section {
    width: 100%!important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section .row>div:not(.video) {
    margin-top: 20px
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-body .extended-section .row>span:not(.vidyard_player) {
    margin-top: 20px
}

#haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-footer {
    border-top: 0;
    min-height: 40px
}

#haru-sp_circle .modal-wrapper .video.parbase {
    display: block
}

html:not(.safari) .haru-sp_circle-superModal.fade-scale .modal-dialog {
    opacity: 0
}

html:not(.safari) .haru-sp_circle-superModal.fade-scale .modal-dialog .modal-content {
    opacity: 0
}

html:not(.safari) .haru-sp_circle-superModal.fade-scale .modal-dialog .modal-content .modal-body,
html:not(.safari) .haru-sp_circle-superModal.fade-scale .modal-dialog .modal-content .modal-footer,
html:not(.safari) .haru-sp_circle-superModal.fade-scale .modal-dialog .modal-content .modal-header {
    opacity: 0
}

html:not(.safari) .haru-sp_circle-superModal.fade-scale.in {
    background-color: #363C44E6 E6;
    animation: reveal-content;
    animation-delay: 0;
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}

html:not(.safari) .haru-sp_circle-superModal.fade-scale.in .modal-dialog {
    opacity: 1
}

html:not(.safari) .haru-sp_circle-superModal.fade-scale.in .modal-dialog .modal-content {
    animation: reveal-modal;
    animation-delay: .2;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}

html:not(.safari) .haru-sp_circle-superModal.fade-scale.in .modal-dialog .modal-content .modal-body,
html:not(.safari) .haru-sp_circle-superModal.fade-scale.in .modal-dialog .modal-content .modal-footer,
html:not(.safari) .haru-sp_circle-superModal.fade-scale.in .modal-dialog .modal-content .modal-header {
    animation: reveal-content;
    animation-delay: .4s;
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-timing-function: linear
}

@media (max-width:768px) {
    #haru-sp_circle .haru-sp_circle-superModal.modal {
        padding: 0
    }
    #haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog {
        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;
        margin: 0
    }
    #haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content {
        height: 100vh;
        overflow: hidden;
        overflow-y: auto
    }
    #haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding-left: 30px;
        z-index: 1
    }
    #haru-sp_circle .haru-sp_circle-superModal.modal .modal-dialog .modal-content .modal-header .haru-sp_circle-superModal-title {
        padding-right: 30px
    }
}

@keyframes reveal-modal {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes reveal-content {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

#haru-sp_circle .beta-text {
    position: relative;
    top: 7px
}

#haru-sp_circle .brand-search {
    position: relative;
    margin-right: 10px;
    max-width: 150px;
    float: right
}

#haru-sp_circle .brand-search .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#haru-sp_circle .brand-search input {
    border-right: none;
    outline: 0!important;
    opacity: .8
}

#haru-sp_circle .brand-search input:focus {
    outline-width: 0;
    opacity: 1
}

#haru-sp_circle .brand-search .haru-sp_circle-icon {
    position: absolute;
    right: 11px;
    top: 8px
}

#haru-sp_circle .brand-search-mobile {
    display: none
}

@media (max-width:1060px) {
    #haru-sp_circle .beta-text {
        display: none
    }
}

@media (max-width:900px) {
    #haru-sp_circle .brand-search {
        display: none;
        float: none;
        max-width: none;
        padding: 10px;
        padding-right: 0
    }
    #haru-sp_circle .brand-search .haru-sp_circle-icon {
        right: 19px;
        top: 18px
    }
    #haru-sp_circle .brand-search-mobile {
        display: block
    }
}

#haru-sp_circle #drift-widget-container.drift-widget-container-closed {
    z-index: 1029!important
}

#haru-sp_circle #drift-widget-container #drift-widget {
    bottom: 80px!important;
    right: 7px!important;
    transition: bottom .3s ease-in!important
}

@media (max-width:767px) {
    div#drift-widget-container {
        z-index: 1035!important
    }
    #haru-sp_circle #drift-widget-container #drift-widget {
        margin-top: 7vh;
        max-height: 92vh!important
    }
}

#haru-sp_circle .drift-frame-controller {
    bottom: 65px!important
}

#haru-sp_circle .drift-widget-chat-wrapper__active-conversation {
    margin: 0 24px!important
}

#haru-sp_circle .drift-frame-chat:not(iframe).drift-chat-open {
    bottom: 115px!important
}

#haru-sp_circle .haru-sp_circle-font.bold {
    font-weight: 700
}

#haru-sp_circle .haru-sp_circle-font.regular {
    font-weight: 400
}

#haru-sp_circle .haru-sp_circle-font.light {
    font-weight: 200
}

#haru-sp_circle .haru-sp_circle-font.black {
    font-weight: 900
}

#haru-sp_circle .haru-sp_circle-font.extrabold {
    font-weight: 800
}

#haru-sp_circle .haru-sp_circle-font.semibold {
    font-weight: 600
}

#haru-sp_circle .haru-sp_circle-font.italic {
    font-style: italic
}

#haru-sp_circle .haru-sp_circle2-background-white {
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle2-background-gray {
    background-color: #f7f7f7
}

#haru-sp_circle .haru-sp_circle2-background {
    background-size: cover;
    background-position: center center
}

#haru-sp_circle .centered {
    text-align: center!important
}

#haru-sp_circle .circle-example {
    width: 100px;
    height: 100px;
    border: 1px solid #d5dce5;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-green {
    color: #65a637
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-green-cta {
    color: #2eb50b
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-green-dark {
    color: #197301
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-green-darkest {
    color: #115000
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-green-mint {
    color: #00afaa
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-blue {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-blue-light {
    color: #00a9e0
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-blue-lightest {
    color: #75dafa
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-blue-dark {
    color: #005f86
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-highlight {
    color: #eb008b
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-highlight p {
    color: #eb008b
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-gray-darkest {
    color: #0c1724
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-gray-darker {
    color: #363c44
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-gray-dark {
    color: #656c76
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-gray {
    color: #969daa
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-gray-light {
    color: #d5dce5
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-gray-lightest {
    color: #f0f3f7
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-white {
    color: #fff
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-black {
    color: #000
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-burgundy {
    color: #79232e
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-orange {
    color: #f99d1c
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-orange-light {
    color: #f2a900
}

#haru-sp_circle .haru-sp_circle2-color.haru-sp_circle-pink {
    color: #0575E6
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green {
    color: #65a637
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green p {
    color: #65a637
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-cta {
    color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-cta p {
    color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-dark {
    color: #197301
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-dark p {
    color: #197301
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-darkest {
    color: #115000
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-darkest p {
    color: #115000
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-mint {
    color: #00afaa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-green-mint p {
    color: #00afaa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue p {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-light {
    color: #00a9e0
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-light p {
    color: #00a9e0
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-lightest {
    color: #75dafa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-lightest p {
    color: #75dafa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-dark {
    color: #005f86
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-blue-dark p {
    color: #005f86
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-highlight {
    color: #eb008b
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-highlight p {
    color: #eb008b
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-darkest {
    color: #0c1724
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-darkest p {
    color: #0c1724
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-darker {
    color: #363c44
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-darker p {
    color: #363c44
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-dark {
    color: #656c76
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-dark p {
    color: #656c76
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray {
    color: #969daa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray p {
    color: #969daa
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-light {
    color: #d5dce5
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-light p {
    color: #d5dce5
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-lightest {
    color: #f0f3f7
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-gray-lightest p {
    color: #f0f3f7
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-white {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-white p {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-black {
    color: #000
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-black p {
    color: #000
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-burgundy {
    color: #79232e
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-burgundy p {
    color: #79232e
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-orange {
    color: #f99d1c
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-orange p {
    color: #f99d1c
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-orange-light {
    color: #f2a900
}

#haru-sp_circle .haru-sp_circle-color.haru-sp_circle-orange-light p {
    color: #f2a900
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-green {
    background-color: #65a637
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-green-cta {
    background-color: #2eb50b
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-green-dark {
    background-color: #197301
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-green-darkest {
    background-color: #115000
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-green-mint {
    background-color: #00afaa
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-blue {
    background-color: #0070f3
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-blue-light {
    background-color: #00a9e0
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-blue-lightest {
    background-color: #75dafa
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-blue-dark {
    background-color: #005f86
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-gray-darkest {
    background-color: #0c1724
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-gray-darker {
    background-color: #363c44
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-gray-dark {
    background-color: #656c76
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-gray {
    background-color: #969daa
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-gray-light {
    background-color: #d5dce5
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-gray-lightest {
    background-color: #f0f3f7
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-white {
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-black {
    background-color: #000
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-burgundy {
    background-color: #79232e
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-orange {
    background-color: #f99d1c
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-orange-light {
    background-color: #f2a900
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-catPink,
#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-pink {
    background-color: #0575E6
}

#haru-sp_circle .haru-sp_circle2-background.haru-sp_circle-gradient {
    background-image: linear-gradient(-30deg, #f99d1c 8.98%, #f99c1c 9.4%, #f4781f 21.71%, #f16221 31.74%, #f05a22 38.17%, #ee1d62 64.89%, #0575E6 76.39%)
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green {
    background-color: #65a637
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green-cta {
    background-color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green-dark {
    background-color: #197301
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green-darkest {
    background-color: #115000
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-green-mint {
    background-color: #00afaa
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-blue {
    background-color: #0070f3
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-blue-light {
    background-color: #00a9e0
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-blue-lightest {
    background-color: #75dafa
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-blue-dark {
    background-color: #005f86
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-darkest {
    background-color: #0c1724
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-darker {
    background-color: #363c44
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-dark {
    background-color: #656c76
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray {
    background-color: #969daa
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-light {
    background-color: #d5dce5
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gray-lightest {
    background-color: #f0f3f7
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-white {
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-black {
    background-color: #000
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-burgundy {
    background-color: #79232e
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-orange {
    background-color: #f99d1c
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-orange-light {
    background-color: #f2a900
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-catPink,
#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-pink {
    background-color: #0575E6
}

#haru-sp_circle .haru-sp_circle-background.haru-sp_circle-gradient {
    background-image: linear-gradient(-30deg, #f99d1c 8.98%, #f99c1c 9.4%, #f4781f 21.71%, #f16221 31.74%, #f05a22 38.17%, #ee1d62 64.89%, #0575E6 76.39%)
}

#haru-sp_circle .haru-sp_circle2-top-border {
    border-top: 1px solid #d5dce5
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-green {
    border-top: 1px solid #65a637
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-green-dark {
    border-top: 1px solid #197301
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-green-darkest {
    border-top: 1px solid #115000
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-green-mint {
    border-top: 1px solid #00afaa
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-blue {
    border-top: 1px solid #0070f3
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-blue-light {
    border-top: 1px solid #00a9e0
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-blue-lightest {
    border-top: 1px solid #75dafa
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-blue-dark {
    border-top: 1px solid #005f86
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-gray-darkest {
    border-top: 1px solid #0c1724
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-gray-darker {
    border-top: 1px solid #363c44
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-gray-dark {
    border-top: 1px solid #656c76
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-gray {
    border-top: 1px solid #969daa
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-gray-light {
    border-top: 1px solid #d5dce5
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-gray-lightest {
    border-top: 1px solid #f0f3f7
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-white {
    border-top: 1px solid #fff
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-black {
    border-top: 1px solid #000
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-burgundy {
    border-top: 1px solid #79232e
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-orange {
    border-top: 1px solid #f99d1c
}

#haru-sp_circle .haru-sp_circle2-top-border.haru-sp_circle-orange-light {
    border-top: 1px solid #f2a900
}

#haru-sp_circle .haru-sp_circle-top-border {
    border-top: 1px solid #d5dce5
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-green {
    border-top: 1px solid #65a637
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-green-dark {
    border-top: 1px solid #197301
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-green-darkest {
    border-top: 1px solid #115000
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-green-mint {
    border-top: 1px solid #00afaa
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-blue {
    border-top: 1px solid #0070f3
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-blue-light {
    border-top: 1px solid #00a9e0
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-blue-lightest {
    border-top: 1px solid #75dafa
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-blue-dark {
    border-top: 1px solid #005f86
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-darkest {
    border-top: 1px solid #0c1724
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-darker {
    border-top: 1px solid #363c44
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-dark {
    border-top: 1px solid #656c76
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray {
    border-top: 1px solid #969daa
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-light {
    border-top: 1px solid #d5dce5
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-gray-lightest {
    border-top: 1px solid #f0f3f7
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-white {
    border-top: 1px solid #fff
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-black {
    border-top: 1px solid #000
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-burgundy {
    border-top: 1px solid #79232e
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-orange {
    border-top: 1px solid #f99d1c
}

#haru-sp_circle .haru-sp_circle-top-border.haru-sp_circle-orange-light {
    border-top: 1px solid #f2a900
}

#haru-sp_circle #kss-node .kss-title__permalink {
    margin-bottom: 16px
}
/*
#haru-sp_circle .haru-sp_circle2-h1 {
    color: #0c1724;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 16px;
    margin-bottom: 0;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle2-h2 {
    color: #0c1724;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 16px;
    margin-bottom: 0;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle2-h3 {
    color: #0c1724;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 16px;
    margin-bottom: 0;
    margin-top: 0
}
	 #haru-sp_circle .haru-sp_circle2-h3 {
		    padding-top: 5px;
    padding-left: 5px;
    line-height: 1.5em; 
    font-family: Mierb, Inter, arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
    padding: 1em 0;
	}

#haru-sp_circle .haru-sp_circle2-h4 {
    color: #0c1724;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 16px;
    margin-bottom: 0;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle2-h5 {
    color: #0c1724;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 16px;
    margin-bottom: 0;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle2-h6 {
    color: #0c1724;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 16px;
    margin-bottom: 0;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle2-h7 {
    color: #0c1724;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 16px;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
    letter-spacing: .25px
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle2-h1 {
        color: #0c1724;
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 55px;
        line-height: 110%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 16px;
        margin-bottom: 0;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle2-h2 {
        color: #0c1724;
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 40px;
        line-height: 110%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 16px;
        margin-bottom: 0;
        margin-top: 0
    }
   #haru-sp_circle .haru-sp_circle2-h3 {
        color: #0c1724;
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 110%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 16px;
        margin-bottom: 0;
        margin-top: 0
    }
	 #haru-sp_circle .haru-sp_circle2-h3 {
		    padding-top: 5px;
    padding-left: 5px;
    line-height: 1.5em; 
    font-family: Mierb, Inter, arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
    padding: 1em 0;
	}
    #haru-sp_circle .haru-sp_circle2-h4 {
        color: #0c1724;
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 21px;
        line-height: 110%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 16px;
        margin-bottom: 0;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle2-h5 {
        color: #0c1724;
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 110%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 16px;
        margin-bottom: 0;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle2-h6 {
        color: #0c1724;
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 110%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 16px;
        margin-bottom: 0;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle2-h7 {
        color: #0c1724;
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 16px;
        margin-bottom: 0;
        margin-top: 0
    }
}
*/

/*
#haru-sp_circle .haru-sp_circle-h1 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 35px;
    margin-bottom: 16px;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-h2 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 25px;
    margin-bottom: 16px;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-h3 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 33px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 25px;
    margin-bottom: 16px;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-h4 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 15px;
    margin-bottom: 16px;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-h5 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 15px;
    margin-bottom: 16px;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-h6 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 15px;
    margin-bottom: 16px;
    margin-top: 0
}

#haru-sp_circle .haru-sp_circle-h7 {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 15px;
    margin-bottom: 16px;
    margin-top: 0;
    display: block;
    letter-spacing: .25px
}

@media (min-width:480px) {
    #haru-sp_circle .haru-sp_circle-h1 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 45px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 35px;
        margin-bottom: 16px;
        margin-top: 0
    }
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-h1 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 35px;
        margin-bottom: 16px;
        margin-top: 0
    }
}

@media (min-width:480px) {
    #haru-sp_circle .haru-sp_circle-h2 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 45px;
        line-height: 110%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 25px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h3 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 45px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 35px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h4 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 28px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 25px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h5 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 25px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h6 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 25px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h7 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 15px;
        margin-bottom: 16px;
        margin-top: 0
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .haru-sp_circle-h2 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 50px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 35px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h3 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 45px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 35px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h4 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 30px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 25px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h5 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 25px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h6 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 25px;
        margin-bottom: 16px;
        margin-top: 0
    }
    #haru-sp_circle .haru-sp_circle-h7 {
        font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 120%;
        -webkit-font-smoothing: antialias;
        padding-bottom: 15px;
        margin-bottom: 16px;
        margin-top: 0
    }
}
*/
/*
body {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialias;
    color: #363c44
}
*/
#haru-sp_circle .haru-sp_circle2-lead-lg {
    color: #363c44;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle2-lead-lg p {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 24px;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle2-lead-lg p:last-child {
    padding-bottom: 0
}

#haru-sp_circle .haru-sp_circle2-lead-md {
    color: #363c44;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle2-lead-md p {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 18px;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle2-lead-md p:last-child {
    padding-bottom: 0
}

#haru-sp_circle .haru-sp_circle2-lead {
    color: #363c44;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle2-lead p {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 16px;
    line-height: 120%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 20px
}

#haru-sp_circle .haru-sp_circle2-lead p:last-child {
    padding-bottom: 0
}

#haru-sp_circle .haru-sp_circle-lead {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 18px;
    line-height: 110%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 25px
}

#haru-sp_circle .haru-sp_circle-lead p {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 18px;
    line-height: 110%;
    -webkit-font-smoothing: antialias
}

#haru-sp_circle .haru-sp_circle-lead p:last-child {
    padding-bottom: 0
}
/*
#haru-sp_circle .haru-sp_circle-body {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 16px;
    line-height: 140%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 25px
}

#haru-sp_circle .haru-sp_circle-body p {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 16px;
    line-height: 140%;
    -webkit-font-smoothing: antialias
}

#haru-sp_circle .haru-sp_circle-body p:last-child {
    padding-bottom: 0
}

p {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    -webkit-font-smoothing: antialias;
    padding-bottom: 15px;
    margin-bottom: 0;
    color: #363c44
}

p:last-child {
    padding-bottom: 0
}

p.small {
    font-size: 14px
}

small {
    font-size: 12px
}

#haru-sp_circle .haru-sp_circle2-eyebrow {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    color: #656c76;
    padding-bottom: 10px;
    text-transform: uppercase
}

#haru-sp_circle h1.haru-sp_circle2-eyebrow,
#haru-sp_circle h2.haru-sp_circle2-eyebrow,
#haru-sp_circle h3.haru-sp_circle2-eyebrow,
#haru-sp_circle h4.haru-sp_circle2-eyebrow,
#haru-sp_circle h5.haru-sp_circle2-eyebrow,
#haru-sp_circle h6.haru-sp_circle2-eyebrow {
    margin: 0
}
*/
#haru-sp_circle .haru-sp_circle2-category-tag {
    display: inline-block;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    padding: 2px 7px 1px 7px;
    margin-bottom: 15px;
    border-radius: 2px;
    text-transform: uppercase;
    text-align: center;
    background-color: #fff;
    color: #0575E6
}

#haru-sp_circle .haru-sp_circle2-category-tag.haru-sp_circle2-background.haru-sp_circle-black {
    background-color: #000;
    color: #fff
}

#haru-sp_circle .haru-sp_circle2-subhead-lg {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 20px;
    -webkit-font-smoothing: antialias
}

#haru-sp_circle .haru-sp_circle2-subhead-md {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 21px;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 20px;
    -webkit-font-smoothing: antialias
}

#haru-sp_circle .haru-sp_circle2-subhead-sm {
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 20px;
    -webkit-font-smoothing: antialias
}

#haru-sp_circle .body-small {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4em;
    padding-bottom: 15px
}

#haru-sp_circle .body-small p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4em;
    padding-bottom: 15px;
    -webkit-font-smoothing: antialias
}

#haru-sp_circle .body-small p:last-child {
    padding-bottom: 0
}
/*
strong {
    font-weight: 700
}

em {
    font-style: italic
}

a {
    color: #0070f3
}

a .haru-sp_circle-icon {
    color: #0070f3
}

a:hover {
    color: #0070f3;
    text-decoration: underline
}

a:hover .haru-sp_circle-icon {
    color: #0070f3
}

a:active,
a:focus {
    color: #0070f3;
    outline: 0;
    text-decoration: inherit
}
*/
#haru-sp_circle .inverted {
    color: #fff
}

#haru-sp_circle .inverted .haru-sp_circle2-h1,
#haru-sp_circle .inverted .haru-sp_circle2-h2,
#haru-sp_circle .inverted .haru-sp_circle2-h3,
#haru-sp_circle .inverted .haru-sp_circle2-h4,
#haru-sp_circle .inverted .haru-sp_circle2-h5,
#haru-sp_circle .inverted .haru-sp_circle2-h6,
#haru-sp_circle .inverted .haru-sp_circle2-h7 {
    color: #fff
}

#haru-sp_circle .inverted div,
#haru-sp_circle .inverted p {
    color: #fff
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle2-lead-lg {
        font-size: 30px;
        line-height: 120%;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle2-lead-lg p {
        font-size: 30px;
        line-height: 120%;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle2-lead-md {
        font-size: 21px;
        line-height: 120%;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle2-lead-md p {
        font-size: 21px;
        line-height: 120%;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle2-lead {
        font-size: 18px;
        line-height: 120%;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle2-lead p {
        font-size: 18px;
        line-height: 120%;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle-lead {
        font-size: 20px;
        line-height: 140%
    }
	
    #haru-sp_circle .haru-sp_circle-lead p {
        font-size: 20px;
        line-height: 140%
    }
	/*
    #haru-sp_circle .haru-sp_circle-body {
        font-size: 18px;
        line-height: 140%
    }
    #haru-sp_circle .haru-sp_circle-body p {
        font-size: 18px;
        line-height: 140%;
        padding-bottom: 25px;
        margin-bottom: 0
    }
    #haru-sp_circle .haru-sp_circle-body p:last-child {
        padding-bottom: 0
    }
    p {
        font-size: 18px;
        line-height: 140%
    }
    p.small {
        font-size: 16px
    }
	*/
    #haru-sp_circle .haru-sp_circle2-subhead-lg {
        font-size: 30px;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle2-subhead-md {
        font-size: 24px;
        padding-bottom: 20px
    }
    #haru-sp_circle .haru-sp_circle2-subhead-sm {
        font-size: 21px;
        padding-bottom: 20px
    }
	/*
    #haru-sp_circle .haru-sp_circle2-eyebrow {
        font-size: 14px;
        line-height: 100%
    }
	*/
    #haru-sp_circle .haru-sp_circle2-category-tag {
        margin-bottom: 20px
    }
}

#haru-sp_circle .haru-sp_circle-icon {
    color: #2d2d2d
}

#haru-sp_circle .haru-sp_circle-icon.success {
    color: #65a637
}

#haru-sp_circle .haru-sp_circle-icon.blue {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-icon.gray {
    color: #969daa
}

#haru-sp_circle .sp-icon-size.sm {
    width: 48px!important;
    height: 48px!important
}

#haru-sp_circle .sp-icon-size.md {
    width: 64px!important;
    height: 64px!important
}

#haru-sp_circle .sp-icon-size.lg {
    width: 80px!important;
    height: 80px!important
}

#haru-sp_circle ul {
    list-style: none;
    padding-left: 0
}

#haru-sp_circle ul.haru-sp_circle-list {
    padding-left: 16px
}

#haru-sp_circle ul.haru-sp_circle-list li {
    padding-left: 16px;
    text-align: left;
    margin-bottom: 12px;
    position: relative
}

#haru-sp_circle ul.haru-sp_circle-list li:before {
    position: absolute;
    display: inline-block;
    top: -3px;
    left: 0;
    content: "•";
    font-size: 1.5em;
    color: #000
}

#haru-sp_circle ul.haru-sp_circle-list li ul.haru-sp_circle-body {
    padding-bottom: 0;
    padding-top: 8px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-body.list-arrow li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-body.list-arrow2 li:before {
    position: absolute;
    display: inline-block;
    content: '\e901';
    font-family: splunk_list;
    font-size: .6em;
    top: 0;
    left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-body.list-check li:before {
    position: absolute;
    display: inline-block;
    content: '\e900';
    font-family: splunk_list;
    font-size: .6em;
    margin-left: 0;
    top: 0;
    left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-body.list-pdf {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-body.list-pdf li {
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-body.list-pdf li:before {
    font-size: 1em;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 30px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1 li {
    padding-left: 38px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1 li:before {
    left: -14px;
    top: -5px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-arrow,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-arrow li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow li {
    padding: 0;
    padding-left: 57px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-arrow li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow li:before {
    font-size: inherit!important;
    font-family: splunk_list;
    display: inline-block;
    left: -8px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-check,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-check {
    padding-left: 63px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-check li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-check li {
    padding: 0;
    padding-left: 16px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-check li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-check li:before {
    font-family: splunk_list;
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -3px;
    left: 18px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-pdf,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-pdf {
    padding-left: 65px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-pdf li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-pdf li {
    padding: 0;
    padding-left: 21px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-pdf li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 23px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-arrow2,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-arrow2 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow2 li {
    padding: 0;
    padding-left: 57px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h1.list-arrow2 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow2 li:before {
    display: inline-block;
    font-family: splunk_list;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2 li {
    padding-left: 30px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2 li:before {
    left: -11px;
    top: -5px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-arrow,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow {
    padding-left: 10px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-arrow li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow li {
    padding: 0;
    padding-left: 53px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-arrow li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 0;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-check,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-check {
    padding-left: 53px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-check li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-check li {
    padding: 0;
    padding-left: 18px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-check li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -3px;
    left: 19px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-pdf,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-pdf {
    padding-left: 53px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-pdf li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-pdf li {
    padding: 0;
    padding-left: 19px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-pdf li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 23px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-arrow2,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-arrow2 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow2 li {
    padding: 0;
    padding-left: 53px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h2.list-arrow2 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3 li {
    padding-left: 25px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3 li:before {
    left: -10px;
    top: -5px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-arrow,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-arrow li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow li {
    padding: 0;
    padding-left: 48px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-arrow li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow li:before {
    font-size: inherit!important;
    left: -2px;
    margin-right: -1px;
    width: 1.3em;
    position: absolute;
    top: -3px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-check,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-check {
    padding-left: 48px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-check li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-check li {
    padding: 0;
    padding-left: 18px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-check li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-check li:before {
    font-size: inherit!important;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -2px;
    left: 19px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-pdf,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-pdf {
    padding-left: 53px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-pdf li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-pdf li {
    padding: 0;
    padding-left: 18px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-pdf li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -1px;
    left: 19px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-arrow2,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-arrow2 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow2 li {
    padding: 0;
    padding-left: 48px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h3.list-arrow2 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4 li {
    padding-left: 20px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4 li:before {
    left: -6px;
    top: -2px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-arrow,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-arrow li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow li {
    padding: 0;
    padding-left: 38px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-arrow li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 3px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-check,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-check {
    padding-left: 33px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-check li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-check li {
    padding: 0;
    padding-left: 23px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-check li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -1px;
    left: 20px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-pdf,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-pdf {
    padding-left: 33px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-pdf li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-pdf li {
    padding: 0;
    padding-left: 23px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-pdf li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 20px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-arrow2,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-arrow2 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow2 li {
    padding: 0;
    padding-left: 38px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h4.list-arrow2 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5 li {
    padding-left: 18px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5 li:before {
    left: -4px;
    top: -1px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-arrow,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-arrow li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow li {
    padding: 0;
    padding-left: 35px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-arrow li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-check,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-check {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-check li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-check li {
    padding: 0;
    padding-left: 35px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-check li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 35px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-pdf,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-pdf {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-pdf li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-pdf li {
    padding: 0;
    padding-left: 35px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-pdf li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 35px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-arrow2,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-arrow2 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow2 li {
    padding: 0;
    padding-left: 35px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h5.list-arrow2 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6 li:before {
    top: -2px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-arrow,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-arrow li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow li {
    padding: 0;
    padding-left: 32px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-arrow li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-check,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-check {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-check li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-check li {
    padding: 0;
    padding-left: 32px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-check li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -1px;
    left: 32px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-pdf,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-pdf {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-pdf li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-pdf li {
    padding: 0;
    padding-left: 32px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-pdf li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -1px;
    left: 32px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-arrow2,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-arrow2 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow2 li {
    padding: 0;
    padding-left: 32px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h6.list-arrow2 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-arrow,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-arrow li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow li {
    padding: 0;
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-arrow li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 8px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-check,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-check {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-check li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-check li {
    padding: 0;
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-check li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 30px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-pdf,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-pdf {
    padding-left: 13px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-pdf li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-pdf li {
    padding: 0;
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-pdf li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 30px
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-arrow2,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-arrow2 li,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow2 li {
    padding: 0;
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-h7.list-arrow2 li:before,
#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-white li:before {
    color: #fff
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-list-gray li:before {
    color: #97999b
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-list-green li:before {
    color: #65a637
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-list-cta-green li:before {
    color: #2eb50b
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-list-blue li:before {
    color: #0f7bb8
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-list-blue-light li:before {
    color: #00a9e0
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-list-black li:before {
    color: #000
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-list-white li:before {
    color: #fff
}

#haru-sp_circle ul.haru-sp_circle-list.haru-sp_circle-list-pink li:before {
    color: #0575E6
}

#haru-sp_circle ul.haru-sp_circle-list.inverted:before {
    color: #fff!important
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list {
    padding-left: 16px;
    padding-bottom: 0;
    text-align: left;
    margin-bottom: 12px;
    position: relative
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list:before {
    position: absolute;
    display: inline-block;
    top: -3px;
    left: 0;
    content: "•";
    font-size: 1.5em;
    color: #000
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-body.list-arrow2:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-body.list-arrow:before {
    position: absolute;
    display: inline-block;
    content: '\e901';
    font-family: splunk_list;
    font-size: .6em;
    top: 0;
    left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-body.list-check:before {
    position: absolute;
    display: inline-block;
    content: '\e900';
    font-family: splunk_list;
    font-size: .6em;
    margin-left: 0;
    top: 0;
    left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-body.list-pdf {
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-body.list-pdf:before {
    font-size: 1em;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 30px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1 li {
    padding-left: 38px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1 li:before {
    left: -14px;
    top: -5px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-arrow,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-arrow li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow li {
    padding: 0;
    padding-left: 57px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-arrow li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow li:before {
    font-size: inherit!important;
    font-family: splunk_list;
    display: inline-block;
    left: -8px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-check,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-check {
    padding-left: 63px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-check li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-check li {
    padding: 0;
    padding-left: 16px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-check li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-check li:before {
    font-family: splunk_list;
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -3px;
    left: 18px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-pdf,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-pdf {
    padding-left: 65px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-pdf li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-pdf li {
    padding: 0;
    padding-left: 21px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-pdf li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 23px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-arrow2,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-arrow2 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow2 li {
    padding: 0;
    padding-left: 57px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h1.list-arrow2 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h1.list-arrow2 li:before {
    display: inline-block;
    font-family: splunk_list;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2 li {
    padding-left: 30px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2 li:before {
    left: -11px;
    top: -5px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-arrow,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow {
    padding-left: 10px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-arrow li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow li {
    padding: 0;
    padding-left: 53px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-arrow li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 0;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-check,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-check {
    padding-left: 53px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-check li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-check li {
    padding: 0;
    padding-left: 18px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-check li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -3px;
    left: 19px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-pdf,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-pdf {
    padding-left: 53px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-pdf li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-pdf li {
    padding: 0;
    padding-left: 19px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-pdf li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 23px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-arrow2,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-arrow2 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow2 li {
    padding: 0;
    padding-left: 53px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h2.list-arrow2 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h2.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3 li {
    padding-left: 25px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3 li:before {
    left: -10px;
    top: -5px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-arrow,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-arrow li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow li {
    padding: 0;
    padding-left: 48px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-arrow li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow li:before {
    font-size: inherit!important;
    left: -2px;
    margin-right: -1px;
    width: 1.3em;
    position: absolute;
    top: -3px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-check,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-check {
    padding-left: 48px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-check li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-check li {
    padding: 0;
    padding-left: 18px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-check li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-check li:before {
    font-size: inherit!important;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -2px;
    left: 19px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-pdf,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-pdf {
    padding-left: 53px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-pdf li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-pdf li {
    padding: 0;
    padding-left: 18px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-pdf li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -1px;
    left: 19px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-arrow2,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-arrow2 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow2 li {
    padding: 0;
    padding-left: 48px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h3.list-arrow2 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h3.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4 li {
    padding-left: 20px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4 li:before {
    left: -6px;
    top: -2px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-arrow,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-arrow li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow li {
    padding: 0;
    padding-left: 38px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-arrow li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 3px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-check,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-check {
    padding-left: 33px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-check li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-check li {
    padding: 0;
    padding-left: 23px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-check li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -1px;
    left: 20px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-pdf,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-pdf {
    padding-left: 33px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-pdf li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-pdf li {
    padding: 0;
    padding-left: 23px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-pdf li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 20px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-arrow2,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-arrow2 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow2 li {
    padding: 0;
    padding-left: 38px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h4.list-arrow2 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h4.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5 li {
    padding-left: 18px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5 li:before {
    left: -4px;
    top: -1px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-arrow,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-arrow li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow li {
    padding: 0;
    padding-left: 35px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-arrow li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-check,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-check {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-check li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-check li {
    padding: 0;
    padding-left: 35px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-check li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 35px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-pdf,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-pdf {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-pdf li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-pdf li {
    padding: 0;
    padding-left: 35px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-pdf li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 35px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-arrow2,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-arrow2 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow2 li {
    padding: 0;
    padding-left: 35px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h5.list-arrow2 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h5.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6 li:before {
    top: -2px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-arrow,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-arrow li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow li {
    padding: 0;
    padding-left: 32px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-arrow li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-check,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-check {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-check li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-check li {
    padding: 0;
    padding-left: 32px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-check li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -1px;
    left: 32px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-pdf,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-pdf {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-pdf li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-pdf li {
    padding: 0;
    padding-left: 32px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-pdf li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: -1px;
    left: 32px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-arrow2,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-arrow2 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow2 li {
    padding: 0;
    padding-left: 32px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h6.list-arrow2 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h6.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-arrow,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-arrow li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow li {
    padding: 0;
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-arrow li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow li:before {
    font-size: inherit!important;
    display: inline-block;
    left: 8px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-check,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-check {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-check li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-check li {
    padding: 0;
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-check li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-check li:before {
    font-size: inherit!important;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 30px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-pdf,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-pdf {
    padding-left: 13px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-pdf li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-pdf li {
    padding: 0;
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-pdf li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-pdf li:before {
    font-size: inherit!important;
    content: "\e905";
    font-family: icomoon;
    display: inline-block;
    margin-left: -1.3em;
    margin-right: 3px;
    width: 1.3em;
    position: absolute;
    top: 0;
    left: 30px
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-arrow2,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow2 {
    padding-left: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-arrow2 li,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow2 li {
    padding: 0;
    padding-left: 30px;
    list-style-type: none
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-h7.list-arrow2 li:before,
#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle2-h7.list-arrow2 li:before {
    display: inline-block;
    left: 6px;
    margin-right: -1px;
    width: .9em;
    position: absolute;
    top: 0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-white:before {
    color: #fff
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-list-gray:before {
    color: #97999b
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-list-green:before {
    color: #65a637
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-list-cta-green:before {
    color: #2eb50b
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-list-blue:before {
    color: #0f7bb8
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-list-blue-light:before {
    color: #00a9e0
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-list-black:before {
    color: #000
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-list-white:before {
    color: #fff
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.haru-sp_circle-list-pink:before {
    color: #0575E6
}

#haru-sp_circle ul li.special-bullet.haru-sp_circle-list.inverted:before {
    color: #fff!important
}

#haru-sp_circle .rte-container ol {
    list-style: none
}

ol {
    list-style: none;
    counter-reset: haru-sp_circle-counter;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

ol.haru-sp_circle-numbered-list {
    padding-left: 20px
}

ol.haru-sp_circle-numbered-list>li {
    padding-left: 20px;
    margin-bottom: 16px
}

ol.haru-sp_circle-numbered-list>li ul {
    padding-top: 15px
}

ol.haru-sp_circle-numbered-list>li span {
    display: block;
    overflow: hidden
}

ol.haru-sp_circle-numbered-list>li:before {
    counter-increment: haru-sp_circle-counter;
    content: counter(haru-sp_circle-counter) '.';
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    width: 0;
    height: auto;
    line-height: inherit;
    position: relative;
    top: 0;
    border-radius: 0;
    border: 0 solid #000;
    background-color: none;
    color: inherit;
    text-align: center;
    margin-right: 0;
    left: -30px
}

ol.haru-sp_circle-numbered-list>li:after {
    content: " ";
    display: block;
    clear: both
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-white li:before {
    color: #fff
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-list-gray li:before {
    color: #97999b
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-list-green li:before {
    color: #65a637
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-list-cta-green li:before {
    color: #2eb50b
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-list-blue li:before {
    color: #0f7bb8
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-list-blue-light li:before {
    color: #00a9e0
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-list-black li:before {
    color: #000
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-list-white li:before {
    color: #fff
}

ol.haru-sp_circle-numbered-list.haru-sp_circle-list-pink li:before {
    color: #0575E6
}

ol.haru-sp_circle-numbered-list.inverted:before {
    color: #fff!important
}

ol li.haru-sp_circle-numbered-list {
    padding-left: 20px;
    margin-bottom: 16px
}

ol li.haru-sp_circle-numbered-list ul {
    padding-top: 15px
}

ol li.haru-sp_circle-numbered-list span {
    display: block;
    overflow: hidden
}

ol li.haru-sp_circle-numbered-list:before {
    counter-increment: haru-sp_circle-counter;
    content: counter(haru-sp_circle-counter) '.';
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    width: 0;
    height: auto;
    line-height: inherit;
    position: relative;
    top: 0;
    border-radius: 0;
    border: 0 solid #000;
    background-color: none;
    color: inherit;
    text-align: center;
    margin-right: 0;
    left: -20px
}

ol li.haru-sp_circle-numbered-list:after {
    content: " ";
    display: block;
    clear: both
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-white:before {
    color: #fff
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-list-gray:before {
    color: #97999b
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-list-green:before {
    color: #65a637
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-list-cta-green:before {
    color: #2eb50b
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-list-blue:before {
    color: #0f7bb8
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-list-blue-light:before {
    color: #00a9e0
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-list-black:before {
    color: #000
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-list-white:before {
    color: #fff
}

ol li.haru-sp_circle-numbered-list.haru-sp_circle-list-pink:before {
    color: #0575E6
}

ol li.haru-sp_circle-numbered-list.inverted:before {
    color: #fff!important
}

@media (max-width:767px) {
    ol.haru-sp_circle-numbered-list {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 8px
    }
    ol.haru-sp_circle-numbered-list li {
        margin-bottom: 22px
    }
    ol.haru-sp_circle-numbered-list li:before {
        font-size: 17px;
        height: 32px;
        line-height: 32px;
        border-radius: 32px
    }
}

#haru-sp_circle .show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    background-color: rgba(86, 61, 124, .15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86, 61, 124, .2)
}

#haru-sp_circle .col-haru-sp_circle-1,
#haru-sp_circle .col-haru-sp_circle-10,
#haru-sp_circle .col-haru-sp_circle-11,
#haru-sp_circle .col-haru-sp_circle-12,
#haru-sp_circle .col-haru-sp_circle-2,
#haru-sp_circle .col-haru-sp_circle-3,
#haru-sp_circle .col-haru-sp_circle-4,
#haru-sp_circle .col-haru-sp_circle-5,
#haru-sp_circle .col-haru-sp_circle-6,
#haru-sp_circle .col-haru-sp_circle-7,
#haru-sp_circle .col-haru-sp_circle-8,
#haru-sp_circle .col-haru-sp_circle-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:480px) {
    #haru-sp_circle .col-haru-sp_circle-1,
    #haru-sp_circle .col-haru-sp_circle-10,
    #haru-sp_circle .col-haru-sp_circle-11,
    #haru-sp_circle .col-haru-sp_circle-12,
    #haru-sp_circle .col-haru-sp_circle-2,
    #haru-sp_circle .col-haru-sp_circle-3,
    #haru-sp_circle .col-haru-sp_circle-4,
    #haru-sp_circle .col-haru-sp_circle-5,
    #haru-sp_circle .col-haru-sp_circle-6,
    #haru-sp_circle .col-haru-sp_circle-7,
    #haru-sp_circle .col-haru-sp_circle-8,
    #haru-sp_circle .col-haru-sp_circle-9 {
        float: left
    }
    #haru-sp_circle .col-haru-sp_circle-12 {
        width: 100%
    }
    #haru-sp_circle .col-haru-sp_circle-11 {
        width: 91.66666667%
    }
    #haru-sp_circle .col-haru-sp_circle-10 {
        width: 83.33333333%
    }
    #haru-sp_circle .col-haru-sp_circle-9 {
        width: 75%
    }
    #haru-sp_circle .col-haru-sp_circle-8 {
        width: 66.66666667%
    }
    #haru-sp_circle .col-haru-sp_circle-7 {
        width: 58.33333333%
    }
    #haru-sp_circle .col-haru-sp_circle-6 {
        width: 50%
    }
    #haru-sp_circle .col-haru-sp_circle-5 {
        width: 41.66666667%
    }
    #haru-sp_circle .col-haru-sp_circle-4 {
        width: 33.33333333%
    }
    #haru-sp_circle .col-haru-sp_circle-3 {
        width: 25%
    }
    #haru-sp_circle .col-haru-sp_circle-2 {
        width: 16.66666667%
    }
    #haru-sp_circle .col-haru-sp_circle-1 {
        width: 8.33333333%
    }
}

#haru-sp_circle .show-grid img {
    background-color: #effaff
}

#haru-sp_circle .col-lg-1.bleed-right,
#haru-sp_circle .col-lg-10.bleed-right,
#haru-sp_circle .col-lg-11.bleed-right,
#haru-sp_circle .col-lg-12.bleed-right,
#haru-sp_circle .col-lg-2.bleed-right,
#haru-sp_circle .col-lg-3.bleed-right,
#haru-sp_circle .col-lg-4.bleed-right,
#haru-sp_circle .col-lg-5.bleed-right,
#haru-sp_circle .col-lg-6.bleed-right,
#haru-sp_circle .col-lg-7.bleed-right,
#haru-sp_circle .col-lg-8.bleed-right,
#haru-sp_circle .col-lg-9.bleed-right,
#haru-sp_circle .col-haru-sp_circle-1.bleed-right,
#haru-sp_circle .col-haru-sp_circle-10.bleed-right,
#haru-sp_circle .col-haru-sp_circle-11.bleed-right,
#haru-sp_circle .col-haru-sp_circle-12.bleed-right,
#haru-sp_circle .col-haru-sp_circle-2.bleed-right,
#haru-sp_circle .col-haru-sp_circle-3.bleed-right,
#haru-sp_circle .col-haru-sp_circle-4.bleed-right,
#haru-sp_circle .col-haru-sp_circle-5.bleed-right,
#haru-sp_circle .col-haru-sp_circle-6.bleed-right,
#haru-sp_circle .col-haru-sp_circle-7.bleed-right,
#haru-sp_circle .col-haru-sp_circle-8.bleed-right,
#haru-sp_circle .col-haru-sp_circle-9.bleed-right,
#haru-sp_circle .col-xs-1.bleed-right,
#haru-sp_circle .col-xs-10.bleed-right,
#haru-sp_circle .col-xs-11.bleed-right,
#haru-sp_circle .col-xs-12.bleed-right,
#haru-sp_circle .col-xs-2.bleed-right,
#haru-sp_circle .col-xs-3.bleed-right,
#haru-sp_circle .col-xs-4.bleed-right,
#haru-sp_circle .col-xs-5.bleed-right,
#haru-sp_circle .col-xs-6.bleed-right,
#haru-sp_circle .col-xs-7.bleed-right,
#haru-sp_circle .col-xs-8.bleed-right,
#haru-sp_circle .col-xs-9.bleed-right {
    padding-right: 0
}

#haru-sp_circle .col-lg-1.bleed-left,
#haru-sp_circle .col-lg-10.bleed-left,
#haru-sp_circle .col-lg-11.bleed-left,
#haru-sp_circle .col-lg-12.bleed-left,
#haru-sp_circle .col-lg-2.bleed-left,
#haru-sp_circle .col-lg-3.bleed-left,
#haru-sp_circle .col-lg-4.bleed-left,
#haru-sp_circle .col-lg-5.bleed-left,
#haru-sp_circle .col-lg-6.bleed-left,
#haru-sp_circle .col-lg-7.bleed-left,
#haru-sp_circle .col-lg-8.bleed-left,
#haru-sp_circle .col-lg-9.bleed-left,
#haru-sp_circle .col-haru-sp_circle-1.bleed-left,
#haru-sp_circle .col-haru-sp_circle-10.bleed-left,
#haru-sp_circle .col-haru-sp_circle-11.bleed-left,
#haru-sp_circle .col-haru-sp_circle-12.bleed-left,
#haru-sp_circle .col-haru-sp_circle-2.bleed-left,
#haru-sp_circle .col-haru-sp_circle-3.bleed-left,
#haru-sp_circle .col-haru-sp_circle-4.bleed-left,
#haru-sp_circle .col-haru-sp_circle-5.bleed-left,
#haru-sp_circle .col-haru-sp_circle-6.bleed-left,
#haru-sp_circle .col-haru-sp_circle-7.bleed-left,
#haru-sp_circle .col-haru-sp_circle-8.bleed-left,
#haru-sp_circle .col-haru-sp_circle-9.bleed-left,
#haru-sp_circle .col-xs-1.bleed-left,
#haru-sp_circle .col-xs-10.bleed-left,
#haru-sp_circle .col-xs-11.bleed-left,
#haru-sp_circle .col-xs-12.bleed-left,
#haru-sp_circle .col-xs-2.bleed-left,
#haru-sp_circle .col-xs-3.bleed-left,
#haru-sp_circle .col-xs-4.bleed-left,
#haru-sp_circle .col-xs-5.bleed-left,
#haru-sp_circle .col-xs-6.bleed-left,
#haru-sp_circle .col-xs-7.bleed-left,
#haru-sp_circle .col-xs-8.bleed-left,
#haru-sp_circle .col-xs-9.bleed-left {
    padding-left: 0
}

#haru-sp_circle .retina-image {
    display: none
}

#haru-sp_circle .desktop-img {
    display: none
}

@media (min-width:768px) {
    #haru-sp_circle .desktop-img {
        display: inline-block
    }
    #haru-sp_circle .mobile-img {
        display: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    #haru-sp_circle .normal-image {
        display: none
    }
    #haru-sp_circle .retina-image {
        display: inherit
    }
}

#haru-sp_circle .haru-sp_circle2-padding-lg {
    padding-top: 50px!important;
    padding-bottom: 40px!important
}

#haru-sp_circle .haru-sp_circle2-padding-md {
    padding-top: 20px!important;
    padding-bottom: 20px!important
}

#haru-sp_circle .haru-sp_circle2-padding-sm {
    padding-top: 15px!important;
    padding-bottom: 15px!important
}

#haru-sp_circle .haru-sp_circle2-padding-top-lg {
    padding-top: 40px!important
}

#haru-sp_circle .haru-sp_circle2-padding-top-md {
    padding-top: 20px!important
}

#haru-sp_circle .haru-sp_circle2-padding-top-sm {
    padding-top: 15px!important
}

#haru-sp_circle .haru-sp_circle2-padding-btm-lg {
    padding-bottom: 40px!important
}

#haru-sp_circle .haru-sp_circle2-padding-btm-md {
    padding-bottom: 20px!important
}

#haru-sp_circle .haru-sp_circle2-padding-btm-sm {
    padding-bottom: 15px!important
}

#haru-sp_circle .rte-container {
    padding-bottom: 20px!important
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle2-padding-lg {
        padding-top: 80px!important;
        padding-bottom: 80px!important
    }
    #haru-sp_circle .haru-sp_circle2-padding-md {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }
    #haru-sp_circle .haru-sp_circle2-padding-sm {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }
    #haru-sp_circle .haru-sp_circle2-padding-top-lg {
        padding-top: 80px!important
    }
    #haru-sp_circle .haru-sp_circle2-padding-top-md {
        padding-top: 40px!important
    }
    #haru-sp_circle .haru-sp_circle2-padding-top-sm {
        padding-top: 20px!important
    }
    #haru-sp_circle .haru-sp_circle2-padding-btm-lg {
        padding-bottom: 80px!important
    }
    #haru-sp_circle .haru-sp_circle2-padding-btm-md {
        padding-bottom: 40px!important
    }
    #haru-sp_circle .haru-sp_circle2-padding-btm-sm {
        padding-bottom: 20px!important
    }
    #haru-sp_circle .rte-container {
        padding-bottom: 40px!important
    }
}

#haru-sp_circle .haru-sp_circle-padding {
    padding-top: 35px;
    padding-bottom: 35px
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-padding {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

#haru-sp_circle .image-top-padding {
    padding-top: 35px
}

#haru-sp_circle .image-bottom-padding {
    padding-bottom: 25px
}

#haru-sp_circle .haru-sp_circle-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    padding: 12px 22px 13px 22px;
    min-width: 108px;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: .2px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 24px;
    touch-action: manipulation;
    transition: background-color .5s;
    white-space: nowrap;
    background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#haru-sp_circle .haru-sp_circle-btn.btn-medium {
    padding: 10px 35px;
    font-size: 15px;
    line-height: 100%;
    border-radius: 24px
}

#haru-sp_circle .haru-sp_circle-btn.btn-large {
    padding: 20px 35px;
    font-size: 15px;
    line-height: 100%;
    border-radius: 24px
}

#haru-sp_circle .haru-sp_circle-btn.btn-small {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 24px
}

#haru-sp_circle .haru-sp_circle-btn.focus,
#haru-sp_circle .haru-sp_circle-btn:focus,
#haru-sp_circle .haru-sp_circle-btn:hover {
    color: #fff;
    text-decoration: none;
    outline: 0
}

#haru-sp_circle .haru-sp_circle-btn.active,
#haru-sp_circle .haru-sp_circle-btn:active {
    outline: 0;
    background-image: none
}

#haru-sp_circle .haru-sp_circle-btn.disabled,
#haru-sp_circle .haru-sp_circle-btn[disabled],
fieldset[disabled] .haru-sp_circle-btn {
    cursor: default;
    opacity: .5
}

#haru-sp_circle .haru-sp_circle-btna.disabled,
fieldset[disabled] .haru-sp_circle-btna {
    pointer-events: none
}

#haru-sp_circle .haru-sp_circle-btn.spacing-right {
    margin-right: 16px
}

#haru-sp_circle .haru-sp_circle-btn.spacing-bottom {
    margin-bottom: 16px
}

#haru-sp_circle .haru-sp_circle-button-aem {
    display: inline-block
}

#haru-sp_circle .haru-sp_circle-button-aem.cq-Editable-dom .cq-placeholder {
    min-width: 235px
}

#haru-sp_circle .haru-sp_circle-button-aem.block-button {
    display: block
}

#haru-sp_circle .haru-sp_circle-button-aem.sp-btn-borderless {
    padding: 12px 12px 12px 0!important;
    margin-top: 1px
}

#haru-sp_circle .haru-sp_circle-button-aem.sp-btn-borderless:after {
    content: ""
}

#haru-sp_circle .sp-btn-solid {
    background-color: #0575E6;
    border-color: #0575E6;
    color: #fff
}

#haru-sp_circle .sp-btn-solid.sp-btn-icon {
    padding-right: 42px
}

#haru-sp_circle .sp-btn-solid.sp-btn-icon:after {
    position: absolute;
    display: inline-block;
    content: '\e901';
    font-family: splunk_list;
    font-size: 15px;
    font-weight: 400;
    color: #0575E6;
    padding: 13px 0 1px 0;
    bottom: 12px;
    right: 20px
}

#haru-sp_circle .sp-btn-solid.sp-btn-icon.sp-btn-icon-play:after {
    content: '\e902'
}

#haru-sp_circle .sp-btn-solid.sp-btn-icon.sp-btn-icon-pdf:after {
    content: '\e904'
}

#haru-sp_circle .sp-btn-solid.sp-btn-icon.sp-btn-icon-download:after {
    font-size: 13px;
    content: '\e905'
}

#haru-sp_circle .sp-btn-solid.sp-btn-icon.sp-btn-icon-cloud:after {
    font-size: 9px;
    bottom: 10px;
    content: '\e903'
}

#haru-sp_circle .sp-btn-solid:active,
#haru-sp_circle .sp-btn-solid:hover {
    background-color: #e8339b;
    border-color: #e8339b
}

#haru-sp_circle .sp-btn-solid.focus,
#haru-sp_circle .sp-btn-solid:focus {
    background-color: #e8339b;
    border-color: #e8339b
}

#haru-sp_circle .sp-btn-solid.sp-btn-pink {
    background-color: #0575E6;
    border-color: #0575E6;
    color: #fff
}

#haru-sp_circle .sp-btn-solid.sp-btn-pink.focus,
#haru-sp_circle .sp-btn-solid.sp-btn-pink:focus,
#haru-sp_circle .sp-btn-solid.sp-btn-pink:hover {
    background-color: #e8339b;
    border-color: #e8339b;
    color: #fff
}

#haru-sp_circle .sp-btn-solid.sp-btn-pink.sp-btn-icon:after {
    color: #fff
}

#haru-sp_circle .sp-btn-solid.sp-btn-darkGray {
    background-color: #0c1724;
    border-color: #0c1724;
    color: #fff
}

#haru-sp_circle .sp-btn-solid.sp-btn-darkGray.focus,
#haru-sp_circle .sp-btn-solid.sp-btn-darkGray:focus,
#haru-sp_circle .sp-btn-solid.sp-btn-darkGray:hover {
    background-color: #363c44;
    border-color: #363c44
}

#haru-sp_circle .sp-btn-solid.sp-btn-darkGray.sp-btn-icon:after {
    color: #fff
}

#haru-sp_circle .sp-btn-solid.sp-btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #0575E6
}

#haru-sp_circle .sp-btn-solid.sp-btn-white.focus,
#haru-sp_circle .sp-btn-solid.sp-btn-white:active,
#haru-sp_circle .sp-btn-solid.sp-btn-white:active:focus,
#haru-sp_circle .sp-btn-solid.sp-btn-white:active:hover,
#haru-sp_circle .sp-btn-solid.sp-btn-white:focus,
#haru-sp_circle .sp-btn-solid.sp-btn-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #e8339b
}

#haru-sp_circle .sp-btn-solid.sp-btn-white.sp-btn-icon:after {
    color: #0575E6
}

#haru-sp_circle .sp-btn-solid.sp-btn-inverted {
    background-color: #fff;
    border-color: #fff;
    color: #0c1724
}

#haru-sp_circle .sp-btn-solid.sp-btn-inverted.focus,
#haru-sp_circle .sp-btn-solid.sp-btn-inverted:focus,
#haru-sp_circle .sp-btn-solid.sp-btn-inverted:hover {
    background-color: #fff;
    border-color: #fff;
    color: #363c44
}

#haru-sp_circle .sp-btn-solid.sp-btn-inverted.sp-btn-icon:after {
    color: #0c1724
}

#haru-sp_circle .sp-btn-hollow {
    background-color: transparent!important;
    border-color: #0575E6;
    color: #0575E6
}

#haru-sp_circle .sp-btn-hollow.sp-btn-icon {
    padding-right: 42px
}

#haru-sp_circle .sp-btn-hollow.sp-btn-icon:after {
    position: absolute;
    display: inline-block;
    content: '\e901';
    font-family: splunk_list;
    font-size: 15px;
    font-weight: 400;
    color: #0575E6;
    padding: 13px 0 1px 0;
    bottom: 12px;
    right: 20px
}

#haru-sp_circle .sp-btn-hollow.sp-btn-icon.sp-btn-icon-play:after {
    content: '\e902'
}

#haru-sp_circle .sp-btn-hollow.sp-btn-icon.sp-btn-icon-pdf:after {
    content: '\e904'
}

#haru-sp_circle .sp-btn-hollow.sp-btn-icon.sp-btn-icon-download:after {
    font-size: 13px;
    content: '\e905'
}

#haru-sp_circle .sp-btn-hollow.sp-btn-icon.sp-btn-icon-cloud:after {
    font-size: 9px;
    bottom: 10px;
    content: '\e903'
}

#haru-sp_circle .sp-btn-hollow:active,
#haru-sp_circle .sp-btn-hollow:hover {
    background-color: #e8339b;
    color: #fff
}

#haru-sp_circle .sp-btn-hollow.sp-btn-pink {
    border-color: #0575E6;
    color: #0575E6
}

#haru-sp_circle .sp-btn-hollow.sp-btn-pink:active,
#haru-sp_circle .sp-btn-hollow.sp-btn-pink:hover {
    border-color: #e8339b;
    background-color: #e8339b!important;
    color: #fff
}

#haru-sp_circle .sp-btn-hollow.sp-btn-pink:active.sp-btn-icon:after,
#haru-sp_circle .sp-btn-hollow.sp-btn-pink:hover.sp-btn-icon:after {
    color: #fff
}

#haru-sp_circle .sp-btn-hollow.sp-btn-pink.sp-btn-icon:after {
    color: #0575E6
}

#haru-sp_circle .sp-btn-hollow.sp-btn-darkGray {
    border-color: #0c1724;
    color: #0c1724
}

#haru-sp_circle .sp-btn-hollow.sp-btn-darkGray:active,
#haru-sp_circle .sp-btn-hollow.sp-btn-darkGray:hover {
    background-color: #363c44!important;
    border-color: #363c44;
    color: #fff
}

#haru-sp_circle .sp-btn-hollow.sp-btn-darkGray:active.sp-btn-icon:after,
#haru-sp_circle .sp-btn-hollow.sp-btn-darkGray:hover.sp-btn-icon:after {
    color: #fff
}

#haru-sp_circle .sp-btn-hollow.sp-btn-darkGray.sp-btn-icon:after {
    color: #0c1724
}

#haru-sp_circle .sp-btn-hollow.sp-btn-white {
    border-color: #fff;
    color: #fff
}

#haru-sp_circle .sp-btn-hollow.sp-btn-white:active,
#haru-sp_circle .sp-btn-hollow.sp-btn-white:active:focus,
#haru-sp_circle .sp-btn-hollow.sp-btn-white:active:hover,
#haru-sp_circle .sp-btn-hollow.sp-btn-white:focus,
#haru-sp_circle .sp-btn-hollow.sp-btn-white:hover {
    background-color: #fff!important;
    border-color: #fff;
    color: #e8339b
}

#haru-sp_circle .sp-btn-hollow.sp-btn-white:active.sp-btn-icon:after,
#haru-sp_circle .sp-btn-hollow.sp-btn-white:active:focus.sp-btn-icon:after,
#haru-sp_circle .sp-btn-hollow.sp-btn-white:active:hover.sp-btn-icon:after,
#haru-sp_circle .sp-btn-hollow.sp-btn-white:focus.sp-btn-icon:after,
#haru-sp_circle .sp-btn-hollow.sp-btn-white:hover.sp-btn-icon:after {
    color: #e8339b
}

#haru-sp_circle .sp-btn-hollow.sp-btn-white.sp-btn-icon:after {
    color: #fff
}

#haru-sp_circle .sp-btn-hollow.sp-btn-inverted {
    border-color: #fff;
    color: #fff
}

#haru-sp_circle .sp-btn-hollow.sp-btn-inverted:active,
#haru-sp_circle .sp-btn-hollow.sp-btn-inverted:hover {
    background-color: #fff!important;
    border-color: #fff;
    color: #363c44
}

#haru-sp_circle .sp-btn-hollow.sp-btn-inverted:active.sp-btn-icon:after,
#haru-sp_circle .sp-btn-hollow.sp-btn-inverted:hover.sp-btn-icon:after {
    color: #363c44
}

#haru-sp_circle .sp-btn-hollow.sp-btn-inverted.sp-btn-icon:after {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless {
    display: inline-block;
    border-radius: 0;
    background-color: transparent!important;
    border-color: transparent!important;
    color: #0575E6;
    font-weight: 700!important;
    white-space: unset;
    line-height: 17px;
    min-width: auto;
    text-align: left;
    padding: 12px 12px 12px 0!important;
    border: none;
    margin-top: 1px
}

#haru-sp_circle .sp-btn-borderless:not(.multiline) {
    display: inline;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 75%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s
}

#haru-sp_circle .sp-btn-borderless:not(.multiline):after {
    position: absolute;
    display: inline-block;
    content: '\e901';
    font-family: splunk_list;
    font-size: 8px;
    font-weight: 700;
    color: #0575E6;
    padding: 13px 0 1px 0;
    bottom: 10px;
    right: 0
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline):focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline):hover {
    text-decoration: none!important;
    color: #e8339b;
    outline: 0;
    background-size: 100% 1px
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon:after {
    position: absolute;
    display: inline-block;
    content: '\e901';
    font-family: splunk_list;
    font-size: 15px;
    font-weight: 400;
    color: #0575E6;
    padding: 13px 0 1px 0
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon.sp-btn-icon-play {
    padding-right: 21px!important
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon.sp-btn-icon-play:after {
    content: '\e902';
    right: 0;
    top: -1px
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon.sp-btn-icon-pdf {
    padding-right: 21px!important
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon.sp-btn-icon-pdf:after {
    content: '\e904';
    right: 2px;
    top: -1px
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon.sp-btn-icon-download {
    padding-right: 21px!important
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon.sp-btn-icon-download:after {
    font-size: 13px;
    content: '\e905';
    right: 1px;
    top: -1px
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon.sp-btn-icon-cloud {
    padding-right: 24px!important
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-icon.sp-btn-icon-cloud:after {
    font-size: 9px;
    content: '\e903';
    right: 3px;
    top: 1px
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink {
    color: #0575E6
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink:after {
    color: #0575E6
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink.sp-btn-icon:after {
    color: #0575E6
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink.focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink:focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink:hover {
    color: #e8339b
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink.focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink:focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink:hover:after {
    color: #e8339b
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink.focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink:focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-pink:hover:before {
    background-color: #e8339b
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray {
    color: #0c1724
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray:after {
    color: #0c1724
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray.sp-btn-icon:after {
    color: #0c1724
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray.focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray:focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray:hover {
    color: #363c44
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray.focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray:focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray:hover:after {
    color: #363c44
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray.focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray:focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-darkGray:hover:before {
    background-color: #363c44
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:after {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted.sp-btn-icon:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white.sp-btn-icon:after {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted.focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:active:focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:active:hover,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:hover,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white.focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:active:focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:active:hover,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:focus,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:hover {
    color: #fff!important
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted.focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:active:focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:active:hover:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:hover:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white.focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:active:focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:active:hover:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:focus:after,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:hover:after {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted.focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:active:focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:active:hover:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-inverted:hover:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white.focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:active:focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:active:hover:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:focus:before,
#haru-sp_circle .sp-btn-borderless:not(.multiline).sp-btn-white:hover:before {
    background-color: #fff
}

#haru-sp_circle .sp-btn-borderless.multiline {
    padding-right: 0!important;
    margin-top: 0;
    padding-top: 13px!important;
    padding-bottom: 14px!important
}

#haru-sp_circle .sp-btn-borderless.multiline>span {
    display: inline;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .3s
}

#haru-sp_circle .sp-btn-borderless.multiline>span:after {
    position: relative;
    content: '\e901';
    font-family: splunk_list;
    font-size: 8px;
    font-weight: 700;
    color: #0575E6;
    bottom: 1px;
    left: 0;
    padding-left: 4px
}

#haru-sp_circle .sp-btn-borderless.multiline.focus,
#haru-sp_circle .sp-btn-borderless.multiline:focus,
#haru-sp_circle .sp-btn-borderless.multiline:hover {
    color: transparent
}

#haru-sp_circle .sp-btn-borderless.multiline.focus span,
#haru-sp_circle .sp-btn-borderless.multiline:focus span,
#haru-sp_circle .sp-btn-borderless.multiline:hover span {
    text-decoration: none!important;
    color: #e8339b;
    outline: 0;
    background-size: 100% 1px
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-icon span:after {
    position: relative;
    content: '\e901';
    font-family: splunk_list;
    font-size: 14px;
    font-weight: 400;
    color: #0575E6;
    bottom: 1px;
    left: 0;
    padding-left: 4px
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-icon.sp-btn-icon-play span:after {
    content: '\e902';
    right: 0;
    top: -1px
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-icon.sp-btn-icon-pdf span:after {
    content: '\e904';
    right: 0;
    top: -1px
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-icon.sp-btn-icon-download span:after {
    font-size: 13px;
    content: '\e905';
    right: 0;
    top: -1px
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-icon.sp-btn-icon-cloud span:after {
    font-size: 9px;
    content: '\e903';
    right: 0;
    top: 0
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span {
    color: #0575E6
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span:after {
    color: #0575E6
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span.sp-btn-icon:after {
    color: #0575E6
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span.focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span:focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span:hover {
    color: #e8339b
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span.focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span:focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span:hover:after {
    color: #e8339b
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span.focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span:focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-pink span:hover:before {
    background-color: #e8339b
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span {
    color: #0c1724
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span:after {
    color: #0c1724
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span.sp-btn-icon:after {
    color: #0c1724
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span.focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span:focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span:hover {
    color: #363c44
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span.focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span:focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span:hover:after {
    color: #363c44
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span.focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span:focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-darkGray span:hover:before {
    background-color: #363c44
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:after {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span.sp-btn-icon:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span.sp-btn-icon:after {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span.focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:active:focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:active:hover,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:hover,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span.focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:active:focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:active:hover,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:focus,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:hover {
    color: #fff!important
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span.focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:active:focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:active:hover:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:hover:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span.focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:active:focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:active:hover:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:focus:after,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:hover:after {
    color: #fff
}

#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span.focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:active:focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:active:hover:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-inverted span:hover:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span.focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:active:focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:active:hover:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:focus:before,
#haru-sp_circle .sp-btn-borderless.multiline.sp-btn-white span:hover:before {
    background-color: #fff
}

#haru-sp_circle .sp-btn-default {
    color: #fff;
    background-color: #00a9e0;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-default.focus,
#haru-sp_circle .sp-btn-default:focus {
    color: #fff;
    background-color: #0083ad;
    border-color: #003573
}

#haru-sp_circle .sp-btn-default:hover {
    color: #fff;
    background-color: #0083ad;
    border-color: #0054b6
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-default,
#haru-sp_circle .sp-btn-default.active,
#haru-sp_circle .sp-btn-default:active {
    color: #fff;
    background-color: #0083ad;
    border-color: #0054b6
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-default.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-default:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-default:hover,
#haru-sp_circle .sp-btn-default.active.focus,
#haru-sp_circle .sp-btn-default.active:focus,
#haru-sp_circle .sp-btn-default.active:hover,
#haru-sp_circle .sp-btn-default:active.focus,
#haru-sp_circle .sp-btn-default:active:focus,
#haru-sp_circle .sp-btn-default:active:hover {
    color: #fff;
    background-color: #006889;
    border-color: #003573
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-default,
#haru-sp_circle .sp-btn-default.active,
#haru-sp_circle .sp-btn-default:active {
    background-image: none
}

#haru-sp_circle .sp-btn-default.disabled.focus,
#haru-sp_circle .sp-btn-default.disabled:focus,
#haru-sp_circle .sp-btn-default.disabled:hover,
#haru-sp_circle .sp-btn-default[disabled].focus,
#haru-sp_circle .sp-btn-default[disabled]:focus,
#haru-sp_circle .sp-btn-default[disabled]:hover,
fieldset[disabled] .sp-btn-default.focus,
fieldset[disabled] .sp-btn-default:focus,
fieldset[disabled] .sp-btn-default:hover {
    background-color: #00a9e0;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-default .badge {
    color: #00a9e0;
    background-color: #fff
}

#haru-sp_circle .sp-btn-default:hover {
    background-color: #0070f3;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-blue {
    color: #fff;
    background-color: #00a9e0;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-blue.focus,
#haru-sp_circle .sp-btn-blue:focus {
    color: #fff;
    background-color: #0083ad;
    border-color: #003573
}

#haru-sp_circle .sp-btn-blue:hover {
    color: #fff;
    background-color: #0083ad;
    border-color: #0054b6
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue,
#haru-sp_circle .sp-btn-blue.active,
#haru-sp_circle .sp-btn-blue:active {
    color: #fff;
    background-color: #0083ad;
    border-color: #0054b6
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue:hover,
#haru-sp_circle .sp-btn-blue.active.focus,
#haru-sp_circle .sp-btn-blue.active:focus,
#haru-sp_circle .sp-btn-blue.active:hover,
#haru-sp_circle .sp-btn-blue:active.focus,
#haru-sp_circle .sp-btn-blue:active:focus,
#haru-sp_circle .sp-btn-blue:active:hover {
    color: #fff;
    background-color: #006889;
    border-color: #003573
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue,
#haru-sp_circle .sp-btn-blue.active,
#haru-sp_circle .sp-btn-blue:active {
    background-image: none
}

#haru-sp_circle .sp-btn-blue.disabled.focus,
#haru-sp_circle .sp-btn-blue.disabled:focus,
#haru-sp_circle .sp-btn-blue.disabled:hover,
#haru-sp_circle .sp-btn-blue[disabled].focus,
#haru-sp_circle .sp-btn-blue[disabled]:focus,
#haru-sp_circle .sp-btn-blue[disabled]:hover,
fieldset[disabled] .sp-btn-blue.focus,
fieldset[disabled] .sp-btn-blue:focus,
fieldset[disabled] .sp-btn-blue:hover {
    background-color: #00a9e0;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-blue .badge {
    color: #00a9e0;
    background-color: #fff
}

#haru-sp_circle .sp-btn-blue:hover {
    background-color: #0070f3;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-green {
    color: #fff;
    background-color: #2eb50b;
    border-color: #2eb50b
}

#haru-sp_circle .sp-btn-green.focus,
#haru-sp_circle .sp-btn-green:focus {
    color: #fff;
    background-color: #228508;
    border-color: #0f3d04
}

#haru-sp_circle .sp-btn-green:hover {
    color: #fff;
    background-color: #228508;
    border-color: #1f7b07
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green,
#haru-sp_circle .sp-btn-green.active,
#haru-sp_circle .sp-btn-green:active {
    color: #fff;
    background-color: #228508;
    border-color: #1f7b07
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-green:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-green:hover,
#haru-sp_circle .sp-btn-green.active.focus,
#haru-sp_circle .sp-btn-green.active:focus,
#haru-sp_circle .sp-btn-green.active:hover,
#haru-sp_circle .sp-btn-green:active.focus,
#haru-sp_circle .sp-btn-green:active:focus,
#haru-sp_circle .sp-btn-green:active:hover {
    color: #fff;
    background-color: #196306;
    border-color: #0f3d04
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green,
#haru-sp_circle .sp-btn-green.active,
#haru-sp_circle .sp-btn-green:active {
    background-image: none
}

#haru-sp_circle .sp-btn-green.disabled.focus,
#haru-sp_circle .sp-btn-green.disabled:focus,
#haru-sp_circle .sp-btn-green.disabled:hover,
#haru-sp_circle .sp-btn-green[disabled].focus,
#haru-sp_circle .sp-btn-green[disabled]:focus,
#haru-sp_circle .sp-btn-green[disabled]:hover,
fieldset[disabled] .sp-btn-green.focus,
fieldset[disabled] .sp-btn-green:focus,
fieldset[disabled] .sp-btn-green:hover {
    background-color: #2eb50b;
    border-color: #2eb50b
}

#haru-sp_circle .sp-btn-green .badge {
    color: #2eb50b;
    background-color: #fff
}

#haru-sp_circle .sp-btn-green:hover {
    background-color: #43d220;
    border-color: #2eb50b
}

#haru-sp_circle .sp-btn-black {
    background-color: #0c1724;
    border-color: #0c1724;
    color: #fff
}

#haru-sp_circle .sp-btn-black:hover {
    background-color: #363c44;
    border-color: #363c44
}

#haru-sp_circle .sp-btn-gray {
    color: #fff;
    background-color: #00a9e0;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-gray.focus,
#haru-sp_circle .sp-btn-gray:focus {
    color: #fff;
    background-color: #0083ad;
    border-color: #003573
}

#haru-sp_circle .sp-btn-gray:hover {
    color: #fff;
    background-color: #0083ad;
    border-color: #0054b6
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray,
#haru-sp_circle .sp-btn-gray.active,
#haru-sp_circle .sp-btn-gray:active {
    color: #fff;
    background-color: #0083ad;
    border-color: #0054b6
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray:hover,
#haru-sp_circle .sp-btn-gray.active.focus,
#haru-sp_circle .sp-btn-gray.active:focus,
#haru-sp_circle .sp-btn-gray.active:hover,
#haru-sp_circle .sp-btn-gray:active.focus,
#haru-sp_circle .sp-btn-gray:active:focus,
#haru-sp_circle .sp-btn-gray:active:hover {
    color: #fff;
    background-color: #006889;
    border-color: #003573
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray,
#haru-sp_circle .sp-btn-gray.active,
#haru-sp_circle .sp-btn-gray:active {
    background-image: none
}

#haru-sp_circle .sp-btn-gray.disabled.focus,
#haru-sp_circle .sp-btn-gray.disabled:focus,
#haru-sp_circle .sp-btn-gray.disabled:hover,
#haru-sp_circle .sp-btn-gray[disabled].focus,
#haru-sp_circle .sp-btn-gray[disabled]:focus,
#haru-sp_circle .sp-btn-gray[disabled]:hover,
fieldset[disabled] .sp-btn-gray.focus,
fieldset[disabled] .sp-btn-gray:focus,
fieldset[disabled] .sp-btn-gray:hover {
    background-color: #00a9e0;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-gray .badge {
    color: #00a9e0;
    background-color: #fff
}

#haru-sp_circle .sp-btn-gray:hover {
    background-color: #0070f3;
    border-color: #0070f3
}

#haru-sp_circle .sp-btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .sp-btn-white.focus,
#haru-sp_circle .sp-btn-white:focus {
    color: #0070f3;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .sp-btn-white:hover {
    color: #0070f3;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white,
#haru-sp_circle .sp-btn-white.active,
#haru-sp_circle .sp-btn-white:active {
    color: #0070f3;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-white:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-white:hover,
#haru-sp_circle .sp-btn-white.active.focus,
#haru-sp_circle .sp-btn-white.active:focus,
#haru-sp_circle .sp-btn-white.active:hover,
#haru-sp_circle .sp-btn-white:active.focus,
#haru-sp_circle .sp-btn-white:active:focus,
#haru-sp_circle .sp-btn-white:active:hover {
    color: #0070f3;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white,
#haru-sp_circle .sp-btn-white.active,
#haru-sp_circle .sp-btn-white:active {
    background-image: none
}

#haru-sp_circle .sp-btn-white.disabled.focus,
#haru-sp_circle .sp-btn-white.disabled:focus,
#haru-sp_circle .sp-btn-white.disabled:hover,
#haru-sp_circle .sp-btn-white[disabled].focus,
#haru-sp_circle .sp-btn-white[disabled]:focus,
#haru-sp_circle .sp-btn-white[disabled]:hover,
fieldset[disabled] .sp-btn-white.focus,
fieldset[disabled] .sp-btn-white:focus,
fieldset[disabled] .sp-btn-white:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .sp-btn-white .badge {
    color: #fff;
    background-color: #000
}

#haru-sp_circle .sp-btn-white-black {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .sp-btn-white-black.focus,
#haru-sp_circle .sp-btn-white-black:focus {
    color: #000;
    background-color: #e6e6e6;
    border-color: #bfbfbf
}

#haru-sp_circle .sp-btn-white-black:hover {
    color: #000;
    background-color: #e6e6e6;
    border-color: #e0e0e0
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-black,
#haru-sp_circle .sp-btn-white-black.active,
#haru-sp_circle .sp-btn-white-black:active {
    color: #000;
    background-color: #e6e6e6;
    border-color: #e0e0e0
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-black.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-black:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-black:hover,
#haru-sp_circle .sp-btn-white-black.active.focus,
#haru-sp_circle .sp-btn-white-black.active:focus,
#haru-sp_circle .sp-btn-white-black.active:hover,
#haru-sp_circle .sp-btn-white-black:active.focus,
#haru-sp_circle .sp-btn-white-black:active:focus,
#haru-sp_circle .sp-btn-white-black:active:hover {
    color: #000;
    background-color: #d4d4d4;
    border-color: #bfbfbf
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-black,
#haru-sp_circle .sp-btn-white-black.active,
#haru-sp_circle .sp-btn-white-black:active {
    background-image: none
}

#haru-sp_circle .sp-btn-white-black.disabled.focus,
#haru-sp_circle .sp-btn-white-black.disabled:focus,
#haru-sp_circle .sp-btn-white-black.disabled:hover,
#haru-sp_circle .sp-btn-white-black[disabled].focus,
#haru-sp_circle .sp-btn-white-black[disabled]:focus,
#haru-sp_circle .sp-btn-white-black[disabled]:hover,
fieldset[disabled] .sp-btn-white-black.focus,
fieldset[disabled] .sp-btn-white-black:focus,
fieldset[disabled] .sp-btn-white-black:hover {
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .sp-btn-white-black .badge {
    color: #fff;
    background-color: #000
}

#haru-sp_circle .sp-btn-clear {
    color: #0070f3;
    background-color: transparent;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600
}

#haru-sp_circle .sp-btn-clear.focus,
#haru-sp_circle .sp-btn-clear:focus {
    color: #0070f3;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .sp-btn-clear:hover {
    color: #0070f3;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear,
#haru-sp_circle .sp-btn-clear.active,
#haru-sp_circle .sp-btn-clear:active {
    color: #0070f3;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear:hover,
#haru-sp_circle .sp-btn-clear.active.focus,
#haru-sp_circle .sp-btn-clear.active:focus,
#haru-sp_circle .sp-btn-clear.active:hover,
#haru-sp_circle .sp-btn-clear:active.focus,
#haru-sp_circle .sp-btn-clear:active:focus,
#haru-sp_circle .sp-btn-clear:active:hover {
    color: #0070f3;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear,
#haru-sp_circle .sp-btn-clear.active,
#haru-sp_circle .sp-btn-clear:active {
    background-image: none
}

#haru-sp_circle .sp-btn-clear.disabled.focus,
#haru-sp_circle .sp-btn-clear.disabled:focus,
#haru-sp_circle .sp-btn-clear.disabled:hover,
#haru-sp_circle .sp-btn-clear[disabled].focus,
#haru-sp_circle .sp-btn-clear[disabled]:focus,
#haru-sp_circle .sp-btn-clear[disabled]:hover,
fieldset[disabled] .sp-btn-clear.focus,
fieldset[disabled] .sp-btn-clear:focus,
fieldset[disabled] .sp-btn-clear:hover {
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .sp-btn-clear .badge {
    color: transparent;
    background-color: #0070f3
}

#haru-sp_circle .sp-btn-clear:hover {
    text-decoration: underline
}

#haru-sp_circle .sp-btn-green-clear {
    color: #2eb50b;
    background-color: transparent;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600
}

#haru-sp_circle .sp-btn-green-clear.focus,
#haru-sp_circle .sp-btn-green-clear:focus {
    color: #2eb50b;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .sp-btn-green-clear:hover {
    color: #2eb50b;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-clear,
#haru-sp_circle .sp-btn-green-clear.active,
#haru-sp_circle .sp-btn-green-clear:active {
    color: #2eb50b;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-clear.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-clear:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-clear:hover,
#haru-sp_circle .sp-btn-green-clear.active.focus,
#haru-sp_circle .sp-btn-green-clear.active:focus,
#haru-sp_circle .sp-btn-green-clear.active:hover,
#haru-sp_circle .sp-btn-green-clear:active.focus,
#haru-sp_circle .sp-btn-green-clear:active:focus,
#haru-sp_circle .sp-btn-green-clear:active:hover {
    color: #2eb50b;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-clear,
#haru-sp_circle .sp-btn-green-clear.active,
#haru-sp_circle .sp-btn-green-clear:active {
    background-image: none
}

#haru-sp_circle .sp-btn-green-clear.disabled.focus,
#haru-sp_circle .sp-btn-green-clear.disabled:focus,
#haru-sp_circle .sp-btn-green-clear.disabled:hover,
#haru-sp_circle .sp-btn-green-clear[disabled].focus,
#haru-sp_circle .sp-btn-green-clear[disabled]:focus,
#haru-sp_circle .sp-btn-green-clear[disabled]:hover,
fieldset[disabled] .sp-btn-green-clear.focus,
fieldset[disabled] .sp-btn-green-clear:focus,
fieldset[disabled] .sp-btn-green-clear:hover {
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .sp-btn-green-clear .badge {
    color: transparent;
    background-color: #2eb50b
}

#haru-sp_circle .sp-btn-green-clear:hover {
    text-decoration: underline
}

#haru-sp_circle .sp-btn-black-clear {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600
}

#haru-sp_circle .sp-btn-black-clear.focus,
#haru-sp_circle .sp-btn-black-clear:focus {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .sp-btn-black-clear:hover {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-black-clear,
#haru-sp_circle .sp-btn-black-clear.active,
#haru-sp_circle .sp-btn-black-clear:active {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-black-clear.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-black-clear:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-black-clear:hover,
#haru-sp_circle .sp-btn-black-clear.active.focus,
#haru-sp_circle .sp-btn-black-clear.active:focus,
#haru-sp_circle .sp-btn-black-clear.active:hover,
#haru-sp_circle .sp-btn-black-clear:active.focus,
#haru-sp_circle .sp-btn-black-clear:active:focus,
#haru-sp_circle .sp-btn-black-clear:active:hover {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-black-clear,
#haru-sp_circle .sp-btn-black-clear.active,
#haru-sp_circle .sp-btn-black-clear:active {
    background-image: none
}

#haru-sp_circle .sp-btn-black-clear.disabled.focus,
#haru-sp_circle .sp-btn-black-clear.disabled:focus,
#haru-sp_circle .sp-btn-black-clear.disabled:hover,
#haru-sp_circle .sp-btn-black-clear[disabled].focus,
#haru-sp_circle .sp-btn-black-clear[disabled]:focus,
#haru-sp_circle .sp-btn-black-clear[disabled]:hover,
fieldset[disabled] .sp-btn-black-clear.focus,
fieldset[disabled] .sp-btn-black-clear:focus,
fieldset[disabled] .sp-btn-black-clear:hover {
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .sp-btn-black-clear .badge {
    color: transparent;
    background-color: #000
}

#haru-sp_circle .sp-btn-black-clear:hover {
    text-decoration: underline
}

#haru-sp_circle .sp-btn-blue-hollow {
    color: #00a9e0;
    background-color: transparent;
    border-color: #00a9e0
}

#haru-sp_circle .sp-btn-blue-hollow.focus,
#haru-sp_circle .sp-btn-blue-hollow:focus {
    color: #fff;
    background-color: #00a9e0;
    border-color: #fff
}

#haru-sp_circle .sp-btn-blue-hollow:hover {
    color: #fff;
    background-color: #00a9e0;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue-hollow,
#haru-sp_circle .sp-btn-blue-hollow.active,
#haru-sp_circle .sp-btn-blue-hollow:active {
    color: #fff;
    background-color: #00a9e0;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue-hollow.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue-hollow:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue-hollow:hover,
#haru-sp_circle .sp-btn-blue-hollow.active.focus,
#haru-sp_circle .sp-btn-blue-hollow.active:focus,
#haru-sp_circle .sp-btn-blue-hollow.active:hover,
#haru-sp_circle .sp-btn-blue-hollow:active.focus,
#haru-sp_circle .sp-btn-blue-hollow:active:focus,
#haru-sp_circle .sp-btn-blue-hollow:active:hover {
    color: #fff;
    background-color: #00a9e0;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-blue-hollow,
#haru-sp_circle .sp-btn-blue-hollow.active,
#haru-sp_circle .sp-btn-blue-hollow:active {
    background-image: none
}

#haru-sp_circle .sp-btn-blue-hollow.disabled.focus,
#haru-sp_circle .sp-btn-blue-hollow.disabled:focus,
#haru-sp_circle .sp-btn-blue-hollow.disabled:hover,
#haru-sp_circle .sp-btn-blue-hollow[disabled].focus,
#haru-sp_circle .sp-btn-blue-hollow[disabled]:focus,
#haru-sp_circle .sp-btn-blue-hollow[disabled]:hover,
fieldset[disabled] .sp-btn-blue-hollow.focus,
fieldset[disabled] .sp-btn-blue-hollow:focus,
fieldset[disabled] .sp-btn-blue-hollow:hover {
    color: #00a9e0;
    background-color: transparent;
    border-color: #00a9e0
}

#haru-sp_circle .sp-btn-blue-hollow .badge {
    color: transparent;
    background-color: #00a9e0
}

#haru-sp_circle .sp-btn-blue-hollow.dark-bg:active,
#haru-sp_circle .sp-btn-blue-hollow.dark-bg:focus,
#haru-sp_circle .sp-btn-blue-hollow.dark-bg:hover {
    border-color: #75dafa!important;
    background-color: #75dafa!important;
    color: #001d29!important
}

#haru-sp_circle .sp-btn-green-hollow {
    color: #2eb50b;
    background-color: transparent;
    border-color: #2eb50b
}

#haru-sp_circle .sp-btn-green-hollow.focus,
#haru-sp_circle .sp-btn-green-hollow:focus {
    color: #fff;
    background-color: #2eb50b;
    border-color: #2eb50b
}

#haru-sp_circle .sp-btn-green-hollow:hover {
    color: #fff;
    background-color: #2eb50b;
    border-color: #2eb50b
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-hollow,
#haru-sp_circle .sp-btn-green-hollow.active,
#haru-sp_circle .sp-btn-green-hollow:active {
    color: #fff;
    background-color: #2eb50b;
    border-color: #2eb50b
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-hollow.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-hollow:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-hollow:hover,
#haru-sp_circle .sp-btn-green-hollow.active.focus,
#haru-sp_circle .sp-btn-green-hollow.active:focus,
#haru-sp_circle .sp-btn-green-hollow.active:hover,
#haru-sp_circle .sp-btn-green-hollow:active.focus,
#haru-sp_circle .sp-btn-green-hollow:active:focus,
#haru-sp_circle .sp-btn-green-hollow:active:hover {
    color: #fff;
    background-color: #2eb50b;
    border-color: #2eb50b
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-green-hollow,
#haru-sp_circle .sp-btn-green-hollow.active,
#haru-sp_circle .sp-btn-green-hollow:active {
    background-image: none
}

#haru-sp_circle .sp-btn-green-hollow.disabled.focus,
#haru-sp_circle .sp-btn-green-hollow.disabled:focus,
#haru-sp_circle .sp-btn-green-hollow.disabled:hover,
#haru-sp_circle .sp-btn-green-hollow[disabled].focus,
#haru-sp_circle .sp-btn-green-hollow[disabled]:focus,
#haru-sp_circle .sp-btn-green-hollow[disabled]:hover,
fieldset[disabled] .sp-btn-green-hollow.focus,
fieldset[disabled] .sp-btn-green-hollow:focus,
fieldset[disabled] .sp-btn-green-hollow:hover {
    color: #2eb50b;
    background-color: transparent;
    border-color: #2eb50b
}

#haru-sp_circle .sp-btn-green-hollow .badge {
    color: transparent;
    background-color: #2eb50b
}

#haru-sp_circle .sp-btn-black-hollow {
    border-color: #0c1724;
    color: #0c1724
}

#haru-sp_circle .sp-btn-black-hollow.focus,
#haru-sp_circle .sp-btn-black-hollow:focus,
#haru-sp_circle .sp-btn-black-hollow:hover {
    background-color: #363c44!important;
    border-color: #363c44;
    color: #fff
}

#haru-sp_circle .sp-btn-black-hollow.disabled {
    opacity: .5
}

#haru-sp_circle .sp-btn-gray-hollow {
    color: #00a9e0;
    background-color: transparent;
    border-color: #00a9e0
}

#haru-sp_circle .sp-btn-gray-hollow.focus,
#haru-sp_circle .sp-btn-gray-hollow:focus {
    color: #fff;
    background-color: #00a9e0;
    border-color: #fff
}

#haru-sp_circle .sp-btn-gray-hollow:hover {
    color: #fff;
    background-color: #00a9e0;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray-hollow,
#haru-sp_circle .sp-btn-gray-hollow.active,
#haru-sp_circle .sp-btn-gray-hollow:active {
    color: #fff;
    background-color: #00a9e0;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray-hollow.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray-hollow:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray-hollow:hover,
#haru-sp_circle .sp-btn-gray-hollow.active.focus,
#haru-sp_circle .sp-btn-gray-hollow.active:focus,
#haru-sp_circle .sp-btn-gray-hollow.active:hover,
#haru-sp_circle .sp-btn-gray-hollow:active.focus,
#haru-sp_circle .sp-btn-gray-hollow:active:focus,
#haru-sp_circle .sp-btn-gray-hollow:active:hover {
    color: #fff;
    background-color: #00a9e0;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-gray-hollow,
#haru-sp_circle .sp-btn-gray-hollow.active,
#haru-sp_circle .sp-btn-gray-hollow:active {
    background-image: none
}

#haru-sp_circle .sp-btn-gray-hollow.disabled.focus,
#haru-sp_circle .sp-btn-gray-hollow.disabled:focus,
#haru-sp_circle .sp-btn-gray-hollow.disabled:hover,
#haru-sp_circle .sp-btn-gray-hollow[disabled].focus,
#haru-sp_circle .sp-btn-gray-hollow[disabled]:focus,
#haru-sp_circle .sp-btn-gray-hollow[disabled]:hover,
fieldset[disabled] .sp-btn-gray-hollow.focus,
fieldset[disabled] .sp-btn-gray-hollow:focus,
fieldset[disabled] .sp-btn-gray-hollow:hover {
    color: #00a9e0;
    background-color: transparent;
    border-color: #00a9e0
}

#haru-sp_circle .sp-btn-gray-hollow .badge {
    color: transparent;
    background-color: #00a9e0
}

#haru-sp_circle .sp-btn-gray-hollow.dark-bg:active,
#haru-sp_circle .sp-btn-gray-hollow.dark-bg:focus,
#haru-sp_circle .sp-btn-gray-hollow.dark-bg:hover {
    border-color: #75dafa!important;
    background-color: #75dafa!important;
    color: #001d29!important
}

#haru-sp_circle .sp-btn-white-hollow {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

#haru-sp_circle .sp-btn-white-hollow.focus,
#haru-sp_circle .sp-btn-white-hollow:focus {
    color: #0070f3;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .sp-btn-white-hollow:hover {
    color: #0070f3;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-hollow,
#haru-sp_circle .sp-btn-white-hollow.active,
#haru-sp_circle .sp-btn-white-hollow:active {
    color: #0070f3;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-hollow.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-hollow:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-hollow:hover,
#haru-sp_circle .sp-btn-white-hollow.active.focus,
#haru-sp_circle .sp-btn-white-hollow.active:focus,
#haru-sp_circle .sp-btn-white-hollow.active:hover,
#haru-sp_circle .sp-btn-white-hollow:active.focus,
#haru-sp_circle .sp-btn-white-hollow:active:focus,
#haru-sp_circle .sp-btn-white-hollow:active:hover {
    color: #0070f3;
    background-color: #fff;
    border-color: #fff
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-white-hollow,
#haru-sp_circle .sp-btn-white-hollow.active,
#haru-sp_circle .sp-btn-white-hollow:active {
    background-image: none
}

#haru-sp_circle .sp-btn-white-hollow.disabled.focus,
#haru-sp_circle .sp-btn-white-hollow.disabled:focus,
#haru-sp_circle .sp-btn-white-hollow.disabled:hover,
#haru-sp_circle .sp-btn-white-hollow[disabled].focus,
#haru-sp_circle .sp-btn-white-hollow[disabled]:focus,
#haru-sp_circle .sp-btn-white-hollow[disabled]:hover,
fieldset[disabled] .sp-btn-white-hollow.focus,
fieldset[disabled] .sp-btn-white-hollow:focus,
fieldset[disabled] .sp-btn-white-hollow:hover {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

#haru-sp_circle .sp-btn-white-hollow .badge {
    color: transparent;
    background-color: #fff
}

#haru-sp_circle .sp-btn-white-hollow.disabled {
    opacity: .5
}

#haru-sp_circle .sp-btn-clear-hollow {
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .sp-btn-clear-hollow:hover {
    text-decoration: underline
}

#haru-sp_circle .sp-btn-clear-hollow.focus,
#haru-sp_circle .sp-btn-clear-hollow:focus {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .sp-btn-clear-hollow:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear-hollow,
#haru-sp_circle .sp-btn-clear-hollow.active,
#haru-sp_circle .sp-btn-clear-hollow:active {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear-hollow.focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear-hollow:focus,
#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear-hollow:hover,
#haru-sp_circle .sp-btn-clear-hollow.active.focus,
#haru-sp_circle .sp-btn-clear-hollow.active:focus,
#haru-sp_circle .sp-btn-clear-hollow.active:hover,
#haru-sp_circle .sp-btn-clear-hollow:active.focus,
#haru-sp_circle .sp-btn-clear-hollow:active:focus,
#haru-sp_circle .sp-btn-clear-hollow:active:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .open>.dropdown-toggle.sp-btn-clear-hollow,
#haru-sp_circle .sp-btn-clear-hollow.active,
#haru-sp_circle .sp-btn-clear-hollow:active {
    background-image: none
}

#haru-sp_circle .sp-btn-clear-hollow.disabled.focus,
#haru-sp_circle .sp-btn-clear-hollow.disabled:focus,
#haru-sp_circle .sp-btn-clear-hollow.disabled:hover,
#haru-sp_circle .sp-btn-clear-hollow[disabled].focus,
#haru-sp_circle .sp-btn-clear-hollow[disabled]:focus,
#haru-sp_circle .sp-btn-clear-hollow[disabled]:hover,
fieldset[disabled] .sp-btn-clear-hollow.focus,
fieldset[disabled] .sp-btn-clear-hollow:focus,
fieldset[disabled] .sp-btn-clear-hollow:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

#haru-sp_circle .sp-btn-clear-hollow .badge {
    color: transparent;
    background-color: #fff
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless) .haru-sp_circle-icon {
    margin-right: 5px
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-green .haru-sp_circle-icon {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-green-hollow .haru-sp_circle-icon {
    color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-green-hollow:hover .haru-sp_circle-icon {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-blue .haru-sp_circle-icon {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-blue-hollow .haru-sp_circle-icon {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-blue-hollow:hover .haru-sp_circle-icon {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white .haru-sp_circle-icon {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white.focus,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white:active,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white:active:focus,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white:active:hover,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white:focus,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #e8339b
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white-hollow .haru-sp_circle-icon {
    color: #fff
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white-hollow:hover .haru-sp_circle-icon {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white-hollow.focus,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white-hollow:active,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white-hollow:active:focus,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white-hollow:active:hover,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white-hollow:focus,
#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-white-hollow:hover {
    background-color: #fff;
    border-color: #fff;
    color: #e8339b
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-green-clear .haru-sp_circle-icon {
    color: #2eb50b
}

#haru-sp_circle .haru-sp_circle-btn:not(.sp-btn-borderless).sp-btn-clear .haru-sp_circle-icon {
    color: #0070f3
}

#haru-sp_circle .haru-sp_circle-play {
    height: 50px;
    width: 50px;
    opacity: .8;
    background-color: #fff;
    transition: opacity .3s linear;
    border-radius: 25px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

#haru-sp_circle .haru-sp_circle-play:hover {
    text-decoration: none;
    opacity: 1;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-play span {
    left: 2px;
    font-size: 22px;
    color: #000
}

#haru-sp_circle .haru-sp_circle-video-hover {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color .2s ease-in
}

#haru-sp_circle .haru-sp_circle-video-hover:hover {
    background-color: rgba(0, 0, 0, .5)
}

#haru-sp_circle .haru-sp_circle-video-hover:hover .haru-sp_circle-play {
    text-decoration: none;
    opacity: 1;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-blockquote {
    margin-bottom: 25px
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote,
#haru-sp_circle .haru-sp_circle-blockquote blockquote {
    background: 0 0;
    border-left: 1px solid transparent;
    padding-bottom: 10px;
    margin: 0;
    quotes: "\201C" "\201D" "\2018" "\2019";
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%;
    padding: 10px 0 10px 0;
    position: relative;
    color: #f99d1c;
    display: inline
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote p,
#haru-sp_circle .haru-sp_circle-blockquote blockquote p {
    display: inline;
    font-family: splunk_data_sans, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 0
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote *,
#haru-sp_circle .haru-sp_circle-blockquote blockquote * {
    color: #f99d1c
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote:after,
#haru-sp_circle .haru-sp_circle-blockquote .twitterquote:before,
#haru-sp_circle .haru-sp_circle-blockquote blockquote:after,
#haru-sp_circle .haru-sp_circle-blockquote blockquote:before {
    color: #f99d1c;
    font-size: 30px;
    font-weight: 800;
    margin-right: 0;
    vertical-align: -.4em;
    line-height: 0
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote:before,
#haru-sp_circle .haru-sp_circle-blockquote blockquote:before {
    content: open-quote;
    position: absolute;
    left: -29px;
    top: 19px;
    display: inline
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote:after,
#haru-sp_circle .haru-sp_circle-blockquote blockquote:after {
    content: close-quote;
    position: relative;
    left: 6px;
    top: -4px;
    display: inline
}

#haru-sp_circle .haru-sp_circle-blockquote .author {
    color: #000;
    border-left: 1px solid transparent;
    margin-top: 10px;
    font-size: 15px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    display: block
}

#haru-sp_circle .haru-sp_circle-blockquote .author:before {
    content: "\2014";
    position: relative;
    left: 0
}

#haru-sp_circle .haru-sp_circle-blockquote .author.haru-sp_circle-color.haru-sp_circle-black {
    color: #000!important
}

#haru-sp_circle .haru-sp_circle-blockquote .author.inverted,
#haru-sp_circle .haru-sp_circle-blockquote .author.haru-sp_circle-color.haru-sp_circle-white {
    color: #fff!important
}

#haru-sp_circle .haru-sp_circle-blockquote .author.haru-sp_circle-color.haru-sp_circle-green {
    color: #65a637!important
}

#haru-sp_circle .haru-sp_circle-blockquote.large .twitterquote,
#haru-sp_circle .haru-sp_circle-blockquote.large blockquote {
    font-size: 24px;
    line-height: 135%;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

#haru-sp_circle .haru-sp_circle-blockquote.large .twitterquote:before,
#haru-sp_circle .haru-sp_circle-blockquote.large blockquote:before {
    top: 24px;
    left: -30px
}

#haru-sp_circle .haru-sp_circle-blockquote.large .twitterquote:after,
#haru-sp_circle .haru-sp_circle-blockquote.large blockquote:after {
    top: -9px;
    left: 6px
}

#haru-sp_circle .haru-sp_circle-blockquote.large .author {
    font-size: 18px
}

#haru-sp_circle .haru-sp_circle-blockquote.large .author:before {
    position: relative!important;
    left: auto
}

#haru-sp_circle .haru-sp_circle-blockquote.haru-sp_circle-color.haru-sp_circle-black *,
#haru-sp_circle .haru-sp_circle-blockquote.haru-sp_circle-color.haru-sp_circle-black .author:before {
    color: #000!important
}

#haru-sp_circle .haru-sp_circle-blockquote.inverted *,
#haru-sp_circle .haru-sp_circle-blockquote.inverted .author:before,
#haru-sp_circle .haru-sp_circle-blockquote.haru-sp_circle-color.haru-sp_circle-white *,
#haru-sp_circle .haru-sp_circle-blockquote.haru-sp_circle-color.haru-sp_circle-white .author:before {
    color: #fff!important
}

#haru-sp_circle .haru-sp_circle-blockquote.haru-sp_circle-color.haru-sp_circle-green *,
#haru-sp_circle .haru-sp_circle-blockquote.haru-sp_circle-color.haru-sp_circle-green .author:before {
    color: #65a637!important
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote.haru-sp_circle-color.haru-sp_circle-black {
    color: #000!important
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote.inverted,
#haru-sp_circle .haru-sp_circle-blockquote .twitterquote.haru-sp_circle-color.haru-sp_circle-white {
    color: #fff!important
}

#haru-sp_circle .haru-sp_circle-blockquote .twitterquote.haru-sp_circle-color.haru-sp_circle-green {
    color: #65a637!important
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-blockquote .twitterquote,
    #haru-sp_circle .haru-sp_circle-blockquote blockquote {
        font-size: 21px
    }
    #haru-sp_circle .haru-sp_circle-blockquote .twitterquote p,
    #haru-sp_circle .haru-sp_circle-blockquote blockquote p {
        font-size: 21px
    }
    #haru-sp_circle .haru-sp_circle-blockquote .twitterquote:after,
    #haru-sp_circle .haru-sp_circle-blockquote .twitterquote:before,
    #haru-sp_circle .haru-sp_circle-blockquote blockquote:after,
    #haru-sp_circle .haru-sp_circle-blockquote blockquote:before {
        font-size: 45px
    }
    #haru-sp_circle .haru-sp_circle-blockquote .twitterquote:before,
    #haru-sp_circle .haru-sp_circle-blockquote blockquote:before {
        left: -25px;
        top: 23px
    }
    #haru-sp_circle .haru-sp_circle-blockquote .twitterquote:after,
    #haru-sp_circle .haru-sp_circle-blockquote blockquote:after {
        top: -9px;
        left: 6px
    }
    #haru-sp_circle .haru-sp_circle-blockquote.large .twitterquote,
    #haru-sp_circle .haru-sp_circle-blockquote.large blockquote {
        font-size: 30px
    }
    #haru-sp_circle .haru-sp_circle-blockquote.large .twitterquote p,
    #haru-sp_circle .haru-sp_circle-blockquote.large blockquote p {
        font-size: 30px
    }
    #haru-sp_circle .haru-sp_circle-blockquote.large .twitterquote:before,
    #haru-sp_circle .haru-sp_circle-blockquote.large blockquote:before {
        top: 24px;
        left: -25px
    }
    #haru-sp_circle .haru-sp_circle-blockquote.large .twitterquote:after,
    #haru-sp_circle .haru-sp_circle-blockquote.large blockquote:after {
        top: -9px;
        left: 6px
    }
}

#haru-sp_circle .haru-sp_circle-blockquote-carousel,
#haru-sp_circle .haru-sp_circle-single-blockquote {
    text-align: center
}

#haru-sp_circle .haru-sp_circle-blockquote-carousel.align-left .haru-sp_circle-blockquote blockquote,
#haru-sp_circle .haru-sp_circle-single-blockquote.align-left .haru-sp_circle-blockquote blockquote {
    display: inline-block;
    text-align: left!important
}

#haru-sp_circle .haru-sp_circle-blockquote-carousel .haru-sp_circle-image img,
#haru-sp_circle .haru-sp_circle-single-blockquote .haru-sp_circle-image img {
    max-height: 160px
}

#haru-sp_circle .haru-sp_circle-single-blockquote .haru-sp_circle-blockquote .twitterquote,
#haru-sp_circle .haru-sp_circle-single-blockquote .haru-sp_circle-blockquote blockquote {
    background: 0 0;
    border-left: 1px solid transparent;
    padding-bottom: 10px;
    margin: 0
}

#haru-sp_circle .haru-sp_circle-single-blockquote .haru-sp_circle-blockquote blockquote .author:before {
    content: "\2014";
    position: relative!important;
    left: auto
}

#haru-sp_circle .haru-sp_circle-table {
    width: 100%;
    line-height: 120%
}

#haru-sp_circle .haru-sp_circle-table td,
#haru-sp_circle .haru-sp_circle-table th {
    padding: 10px 20px 10px 20px
}

#haru-sp_circle .haru-sp_circle-table th {
    font-weight: 700;
    font-size: 15px;
    height: 40px;
    background-color: #0c1724;
    vertical-align: middle!important;
    color: #fff
}

#haru-sp_circle .haru-sp_circle-table td {
    font-size: 15px;
    line-height: 120%;
    color: #0c1724
}

#haru-sp_circle .haru-sp_circle-table>tbody>tr:nth-child(2n+3)>td {
    background-color: #f5f6f9
}

#haru-sp_circle .splunkCustomSelect {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #656c76;
    background-color: #fff;
    background: transparent url(source/images/icon-chevron-down-blue.svg) right .5em center/1.4rem .5rem no-repeat;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 200px
}

#haru-sp_circle .splunkCustomSelect .splunkCustomSelectInner {
    width: 100%!important
}

#haru-sp_circle .iphone-fix {
    -webkit-overflow-scrolling: touch!important;
    overflow: auto!important;
    height: 100%!important
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-datepicker-container {
    color: #000;
    overflow: visible!important;
    z-index: 111
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-datepicker-container .glyphicon {
    color: #000
}

#haru-sp_circle .haru-sp_circle-form .doi-checkbox {
    display: none
}

#haru-sp_circle .haru-sp_circle-form .subtitle {
    font-size: 15px;
    line-height: 130%
}

#haru-sp_circle .haru-sp_circle-form .btn-small {
    position: relative;
    top: 6px;
    margin-left: 5px
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-h5 {
    padding-bottom: 5px
}

#haru-sp_circle .haru-sp_circle-form a.haru-sp_circle-btn.disabled,
#haru-sp_circle .haru-sp_circle-form fieldset[disabled] a.haru-sp_circle-btn {
    pointer-events: none
}

#haru-sp_circle .haru-sp_circle-form .col-xs-6:first-child {
    padding-right: 5px
}

#haru-sp_circle .haru-sp_circle-form .col-xs-6:last-child {
    padding-left: 4px
}

#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic {
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: 3px
}

#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input input,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input textarea,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic input,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic textarea {
    border: none;
    font-size: 16px;
    background-color: transparent;
    height: 50px;
    text-indent: 11px;
    width: 100%;
    padding-left: 2px
}

#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input input:focus,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input textarea:focus,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic input:focus,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic textarea:focus {
    outline: 0;
    box-shadow: none
}

#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input .input-wrap,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic .input-wrap {
    position: relative;
    z-index: 2
}

#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input .placeholder,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic .placeholder {
    -webkit-transition: top .3s, font-size .3s;
    transition: top .3s, font-size .3s;
    position: absolute;
    padding-left: 12px;
    top: 17px;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    cursor: text
}

#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input .feedback,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic .feedback {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 3;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    display: none
}

#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input-generic.focus .feedback,
#haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input.focus .feedback {
    display: none
}

#haru-sp_circle .haru-sp_circle-form select.haru-sp_circle-custom-select {
    width: 100%!important;
    height: 55px!important;
    background: 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4
}

#haru-sp_circle .haru-sp_circle-form select.haru-sp_circle-custom-select option {
    color: #000
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-custom-select-span {
    padding: 16px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    padding-top: 18px;
    padding-bottom: 13px
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-custom-select-span .haru-sp_circle-custom-select-spanInner {
    width: 92%!important;
    font-size: 16px
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-custom-select-span:after {
    font-family: icomoon;
    content: "\e90d";
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: 0;
    font-size: 16px;
    line-height: 30px;
    padding: 0 7px;
    background: 0 0;
    color: #fff;
    pointer-events: none
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-custom-select-span.success span {
    font-weight: 700
}

#haru-sp_circle .haru-sp_circle-form .control {
    font-size: 16px;
    line-height: 130%;
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-left: 56px!important;
    cursor: pointer;
    font-weight: 400
}

@media (max-width:767px) {
    #haru-sp_circle .haru-sp_circle-form .control:first-of-type {
        margin-top: 16px
    }
    #haru-sp_circle .haru-sp_circle-form .control:last-of-type {
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-form .control {
        padding-left: 24px!important
    }
}

#haru-sp_circle .haru-sp_circle-form .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

#haru-sp_circle .haru-sp_circle-form .control__indicator {
    position: absolute;
    top: 50%!important;
    transform: translateY(calc(-50% - 10px));
    left: 0;
    width: 24px!important;
    height: 24px!important;
    background: 0 0;
    border: 1px solid #969daa!important;
    border-radius: 1px;
    margin: 10px
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-form .control__indicator {
        top: 2px!important;
        width: 15px!important;
        height: 15px!important;
        transform: translateY(0);
        margin: 0
    }
}

#haru-sp_circle .haru-sp_circle-form .control--radio .control__indicator {
    border-radius: 50%;
    border: 1px solid #969daa!important
}

#haru-sp_circle .haru-sp_circle-form .control input:focus~.control__indicator,
#haru-sp_circle .haru-sp_circle-form .control:hover input~.control__indicator {
    background: 0 0
}

#haru-sp_circle .haru-sp_circle-form .control input:checked~.control__indicator {
    background: 0 0
}

#haru-sp_circle .haru-sp_circle-form .control input:checked:focus~.control__indicator,
#haru-sp_circle .haru-sp_circle-form .control:hover input:not([disabled]):checked~.control__indicator {
    background: 0 0
}

#haru-sp_circle .haru-sp_circle-form .control input:disabled~.control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6
}

#haru-sp_circle .haru-sp_circle-form .control__indicator:after {
    position: absolute;
    display: none;
    content: ""
}

#haru-sp_circle .haru-sp_circle-form .control input:checked~.control__indicator:after {
    display: block
}

#haru-sp_circle .haru-sp_circle-form .control--checkbox .control__indicator:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDEwNDYgMTYuMzQzMUM3LjY3NDQgMTYuMzQyOSA3LjM1MTY4IDE2LjIxMTcgNy4xMTA4NCAxNS45NzczTDIuODkyNTcgMTEuODg4NEMyLjc3MDc2IDExLjc3MDMgMi42NzM0IDExLjYyOTMgMi42MDYwNyAxMS40NzM2QzIuNTM4NzQgMTEuMzE3OCAyLjUwMjc1IDExLjE1MDMgMi41MDAxNSAxMC45ODA3QzIuNDk0OSAxMC42MzggMi42MjYgMTAuMzA3MyAyLjg2NDU5IDEwLjA2MTNDMy4xMDMxOCA5LjgxNTMzIDMuNDI5NzMgOS42NzQxOCAzLjc3MjQgOS42Njg5M0M0LjExNTA2IDkuNjYzNjggNC40NDU3OCA5Ljc5NDc3IDQuNjkxNzkgMTAuMDMzM0w3LjkyODY3IDEzLjE3NTNMMTYuMDYzOSAzLjc3OTVDMTYuMjg4MiAzLjUyMDM3IDE2LjYwNjMgMy4zNjA5NyAxNi45NDgyIDMuMzM2MzVDMTcuMjkgMy4zMTE3MyAxNy42Mjc3IDMuNDIzOTIgMTcuODg2OCAzLjY0ODIyQzE4LjE0NiAzLjg3MjUzIDE4LjMwNTQgNC4xOTA1OSAxOC4zMyA0LjUzMjQzQzE4LjM1NDYgNC44NzQyNiAxOC4yNDI0IDUuMjExODggMTguMDE4MSA1LjQ3MTAxTDguOTc4OTQgMTUuODk1NUM4Ljg2MjUyIDE2LjAyNTkgOC43MjA4NSAxNi4xMzEyIDguNTYyNTIgMTYuMjA1MkM4LjQwNDE4IDE2LjI3OTIgOC4yMzI0OCAxNi4zMjAzIDguMDU3ODEgMTYuMzI1OUw4LjAxMDQ2IDE2LjM0MzFaIiBmaWxsPSIjMzYzQzQ0Ii8+Cjwvc3ZnPgo=);
    width: 20px!important;
    height: 20px!important;
    top: 1px!important;
    left: 1px!important;
    transform: rotate(0)!important;
    border: none!important;
    background-size: 100% 100%
}

@media (min-width:768px) {
    #haru-sp_circle .haru-sp_circle-form .control--checkbox .control__indicator:after {
        top: 0!important;
        left: 0!important;
        width: 13px!important;
        height: 13px!important
    }
}

#haru-sp_circle .haru-sp_circle-form .control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-radio-container {
    width: 100%
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-radio {
    margin-bottom: 10px;
    width: 100%;
    padding: 12px;
    padding-left: 54px;
    position: relative;
    font-weight: 400;
    border-radius: 3px;
    font-size: 16px;
    padding-top: 17px;
    cursor: pointer
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-radio:focus {
    outline: 0
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-radio .haru-sp_circle-icon {
    position: absolute;
    left: 12px;
    top: 12px
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-radio-container [type=radio] {
    display: none
}

#haru-sp_circle .haru-sp_circle-form .haru-sp_circle-submit .glyphicon {
    margin-right: 7px
}

#haru-sp_circle .haru-sp_circle-form .re-captcha {
    max-width: 250px;
    margin-bottom: 15px
}

#haru-sp_circle .haru-sp_circle-form .input-spinner {
    position: absolute;
    right: 10px;
    top: 23px;
    font-size: 12px;
    display: none
}

#haru-sp_circle .haru-sp_circle-form .g-recaptcha {
    padding: 20px 0
}

#haru-sp_circle .security-image {
    padding: 20px 0
}

#haru-sp_circle .dark-theme-form-container {
    position: relative;
    border-radius: 0;
    padding: 20px;
    background: #000!important;
    border-top: 5px solid #0575E6
}

#haru-sp_circle .dark-theme-form-container .input-spinner {
    color: #fff
}

#haru-sp_circle .dark-theme-form-container .foobar {
    color: foo
}

#haru-sp_circle .dark-theme-form-container input:-webkit-autofill,
#haru-sp_circle .dark-theme-form-container select:-webkit-autofill,
#haru-sp_circle .dark-theme-form-container textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #0c1724 inset!important;
    background-color: #0c1724!important;
    -webkit-text-fill-color: #f0f3f7!important;
    -webkit-appearance: none
}

#haru-sp_circle .dark-theme-form-container input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #0c1724 inset!important;
    -webkit-border-radius: 3px!important
}

#haru-sp_circle .dark-theme-form-container .haru-sp_circle-h5,
#haru-sp_circle .dark-theme-form-container p {
    color: #fff
}

#haru-sp_circle .dark-theme-form-container .overlay-message {
    background: #005f86;
    background: -moz-linear-gradient(top, #005f86 0, #005f86 0, #001d29 90%);
    background: -webkit-linear-gradient(top, #005f86 0, #005f86 0, #001d29 90%);
    background: linear-gradient(to bottom, #005f86 0, #005f86 0, #001d29 90%);
    color: #fff
}

#haru-sp_circle .dark-theme-form-container .overlay-message.hide {
    display: none;
    visibility: hidden
}

#haru-sp_circle .dark-theme-form-container .overlay-message.show {
    display: block;
    visibility: visible
}

#haru-sp_circle .dark-theme-form-container .btn-small {
    position: relative;
    top: 6px;
    margin-left: 5px
}

#haru-sp_circle .dark-theme-form-container .main-icon {
    fill: #fff
}

#haru-sp_circle .dark-theme-form-container .main-icon.email-icon {
    stroke: #fff
}

#haru-sp_circle .dark-theme-form-container .subtitle {
    color: #fff
}

#haru-sp_circle .dark-theme-form-container .tooltip.in {
    opacity: 1
}

#haru-sp_circle .dark-theme-form-container .tooltip-content {
    padding: 8px 8px;
    background-color: #5ea5c2;
    border-radius: 0
}

#haru-sp_circle .dark-theme-form-container .tooltip-content .haru-sp_circle-icon {
    color: #fff;
    margin-right: 5px;
    visibility: hidden
}

#haru-sp_circle .dark-theme-form-container .tooltip-content span {
    color: #fff!important
}

#haru-sp_circle .dark-theme-form-container .tooltip.top .tooltip-arrow {
    border-top-color: #5ea5c2;
    bottom: -4px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0
}

#haru-sp_circle .dark-theme-form-container .tooltip.top {
    margin-top: -6px
}

#haru-sp_circle .dark-theme-form-container .modal {
    color: #0c1724
}

#haru-sp_circle .dark-theme-form-container label {
    display: block
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic {
    border: 1px solid #969daa;
    overflow: hidden
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input input,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input textarea,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic input,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic textarea {
    color: #fff;
    text-indent: 11px;
    width: 100%
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input .placeholder,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic .placeholder {
    color: #fff
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic.success,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input.success {
    border-color: #08e045;
    background-color: #363c44
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic.success .feedback,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input.success .feedback {
    color: #08e045
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic.error,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input.error {
    border-color: #fe3a3a;
    background-color: transparent
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic.error .feedback,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input.error .feedback {
    color: #fe3a3a
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic.focus,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input.focus {
    background-color: #363c44;
    border: 1px solid #f0f3f7
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic.focus.success,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input.focus.success {
    border-color: #08e045
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic.focus.error,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input.focus.error {
    border-color: #fe3a3a
}

#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input-generic.input-select,
#haru-sp_circle .dark-theme-form-container label.haru-sp_circle-input.input-select {
    border: none;
    overflow: visible;
    margin-bottom: 10px
}

#haru-sp_circle .dark-theme-form-container .input-select {
    border: none!important
}

#haru-sp_circle .dark-theme-form-container .haru-sp_circle-custom-select-span {
    border: 1px solid #327b99
}

#haru-sp_circle .dark-theme-form-container .haru-sp_circle-custom-select-spanFocus {
    background-color: transparent
}

#haru-sp_circle .dark-theme-form-container .haru-sp_circle-custom-select-span.success {
    border-color: #08e045
}

#haru-sp_circle .dark-theme-form-container .haru-sp_circle-custom-select-span.success span {
    font-weight: 700
}

#haru-sp_circle .dark-theme-form-container .haru-sp_circle-custom-select-span.error {
    border-color: #fe3a3a
}

#haru-sp_circle .dark-theme-form-container .haru-sp_circle-radio {
    border: 1px solid #969daa
}

#haru-sp_circle .dark-theme-form-container .haru-sp_circle-radio .haru-sp_circle-icon {
    color: #fff;
    font-size: 28px;
    font-weight: 400
}

#haru-sp_circle .dark-theme-form-container :checked+.haru-sp_circle-radio {
    border: 1px solid #2eb50b
}

@media (max-width:767px) {
    #haru-sp_circle .haru-sp_circle-form .col-xs-6:first-child {
        padding-right: 5px;
        padding-left: 15px
    }
    #haru-sp_circle .haru-sp_circle-form .col-xs-6:last-child {
        padding-left: 5px;
        padding-right: 15px
    }
}

@media (max-width:332px) {
    #haru-sp_circle .haru-sp_circle-form label.haru-sp_circle-input .placeholder {
        font-size: 14px
    }
    #haru-sp_circle .haru-sp_circle-form .control {
        font-size: 14px
    }
}

#haru-sp_circle .light-theme-form-container {
    padding: 20px;
    position: relative;
    border: 1px solid #d5dce5;
    border-top: 5px solid #0575E6;
    border-radius: 0;
    background-color: #fff
}

#haru-sp_circle .light-theme-form-container .input-spinner {
    color: #2d2d2d
}

#haru-sp_circle .light-theme-form-container input:-webkit-autofill,
#haru-sp_circle .light-theme-form-container select:-webkit-autofill,
#haru-sp_circle .light-theme-form-container textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f0f3f7 inset!important;
    -webkit-appearance: none
}

#haru-sp_circle .light-theme-form-container input:-webkit-autofill .placeholder,
#haru-sp_circle .light-theme-form-container select:-webkit-autofill .placeholder,
#haru-sp_circle .light-theme-form-container textarea:-webkit-autofill .placeholder {
    color: #000
}

#haru-sp_circle .light-theme-form-container input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #f0f3f7 inset!important;
    -webkit-border-radius: 3px!important
}

#haru-sp_circle .light-theme-form-container .overlay-message {
    background: #005f86;
    background: -moz-linear-gradient(top, #005f86 0, #fffdfd 0, #efefef 90%);
    background: -webkit-linear-gradient(top, #005f86 0, #fffdfd 0, #efefef 90%);
    background: linear-gradient(to bottom, #005f86 0, #fffdfd 0, #efefef 90%)
}

#haru-sp_circle .light-theme-form-container .overlay-message.transparent {
    background: -moz-linear-gradient(top, #fffdfd 0, #f5f5f5 60%, rgba(239, 239, 239, .54) 100%);
    background: -webkit-linear-gradient(top, #fffdfd 0, #f5f5f5 60%, rgba(239, 239, 239, .54) 100%);
    background: linear-gradient(to bottom, #fffdfd 0, #f5f5f5 60%, rgba(239, 239, 239, .54) 100%)
}

#haru-sp_circle .light-theme-form-container .btn-small {
    position: relative;
    top: 6px;
    margin-left: 5px
}

#haru-sp_circle .light-theme-form-container .modal {
    color: #0c1724
}

#haru-sp_circle .light-theme-form-container .main-icon {
    fill: #2d2d2d
}

#haru-sp_circle .light-theme-form-container .main-icon.email-icon {
    stroke: #2d2d2d
}

#haru-sp_circle .light-theme-form-container label {
    display: block
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic {
    border: 1px solid #969daa;
    overflow: hidden
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input input,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input textarea,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic input,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic textarea {
    font-weight: 600;
    text-indent: 11px;
    width: 100%
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input .placeholder,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic .placeholder {
    color: #656c76
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic.success,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input.success {
    border-color: green;
    background-color: transparent
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic.success .feedback,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input.success .feedback {
    color: green
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic.error,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input.error {
    border-color: #fe3a3a;
    background-color: transparent
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic.error .feedback,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input.error .feedback {
    color: #fe3a3a
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic.focus,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input.focus {
    background: 0 0;
    border: 1px solid #363c44
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic.focus.success,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input.focus.success {
    border-color: green
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic.focus.error,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input.focus.error {
    border-color: #fe3a3a
}

#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input-generic.input-select,
#haru-sp_circle .light-theme-form-container label.haru-sp_circle-input.input-select {
    border: none;
    overflow: visible;
    margin-bottom: 8px
}

#haru-sp_circle .light-theme-form-container textarea {
    min-height: 200px;
    border: none;
    width: 100%;
    outline: 0;
    margin-top: 15px;
    resize: none;
    font-weight: 600
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-radio {
    border: 1px solid #969daa;
    color: #2d2d2d
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-radio .haru-sp_circle-icon {
    color: #2d2d2d;
    font-size: 28px;
    font-weight: 400
}

#haru-sp_circle .light-theme-form-container :checked+.haru-sp_circle-radio {
    border: 1px solid #2eb50b
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-custom-select-span {
    border: 1px solid #969daa;
    color: #72777a
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-custom-select-span .haru-sp_circle-custom-select-spanInner {
    font-size: 16px;
    font-weight: 700
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-custom-select-span.success {
    border-color: green
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-custom-select-span.success span {
    color: #000;
    font-weight: 600
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-custom-select-span.error {
    border-color: #fe3a3a
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-form .haru-sp_circle-custom-select-span:after {
    color: #000;
    top: 12px!important
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-custom-select-spanFocus {
    background-color: transparent
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-form .control__indicator {
    border: 1px solid #969daa!important
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-form .control--radio .control__indicator {
    border: 1px solid #969daa!important
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-form .control input:checked~.control__indicator {
    background: 0 0;
    border: 1px solid green!important
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-form :checked+.haru-sp_circle-radio {
    border: 1px solid #65a637
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-form .control--checkbox .control__indicator:after {
    top: -2px;
    left: 5px;
    width: 6px;
    height: 14px;
    transform: rotate(45deg);
    border: solid #000;
    border-width: 0 2px 2px 0
}

#haru-sp_circle .light-theme-form-container .tooltip:focus .tooltip:active {
    color: #fff
}

#haru-sp_circle .light-theme-form-container .tooltip.in {
    opacity: 1
}

#haru-sp_circle .light-theme-form-container .tooltip-content {
    color: #2d2d2d;
    padding: 8px 8px;
    background-color: #d1d1d2;
    border-radius: 0
}

#haru-sp_circle .light-theme-form-container .tooltip-content .haru-sp_circle-icon {
    color: #fff;
    margin-right: 5px;
    visibility: hidden
}

#haru-sp_circle .light-theme-form-container .tooltip-content span {
    color: #2d2d2d!important
}

#haru-sp_circle .light-theme-form-container .tooltip.top .tooltip-arrow {
    border-top-color: #d1d1d2;
    bottom: -4px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0
}

#haru-sp_circle .light-theme-form-container .tooltip.top {
    margin-top: -6px
}

#haru-sp_circle .light-theme-form-container .tooltip.bottom .tooltip-arrow,
#haru-sp_circle .light-theme-form-container .tooltip.left .tooltip-arrow,
#haru-sp_circle .light-theme-form-container .tooltip.right .tooltip-arrow,
#haru-sp_circle .light-theme-form-container .tooltip.top .tooltip-arrow {
    border-top-color: #d1d1d2
}

#haru-sp_circle .dark-theme-form-container,
#haru-sp_circle .light-theme-form-container {
    width: 100%
}

#haru-sp_circle .dark-theme-form-container #overlay-form-close-btn,
#haru-sp_circle .light-theme-form-container #overlay-form-close-btn {
    z-index: 201;
    color: #fff;
    position: relative;
    cursor: pointer;
    float: right;
    width: 18px
}

#haru-sp_circle .dark-theme-form-container button.sp-btn-hollow.sp-btn-white[type=submit]:disabled:hover,
#haru-sp_circle .light-theme-form-container button.sp-btn-hollow.sp-btn-white[type=submit]:disabled:hover {
    background-color: transparent!important;
    border-color: #fff;
    color: #fff
}

#haru-sp_circle .dark-theme-form-container button.sp-btn-hollow.sp-btn-darkGray[type=submit]:disabled:hover,
#haru-sp_circle .light-theme-form-container button.sp-btn-hollow.sp-btn-darkGray[type=submit]:disabled:hover {
    background-color: transparent!important;
    color: #0c1724;
    border-color: #0c1724
}

#haru-sp_circle .dark-theme-form-container.iframe-overlay-form .close-icon-wrapper,
#haru-sp_circle .light-theme-form-container.iframe-overlay-form .close-icon-wrapper {
    display: block;
    height: 20px
}

#haru-sp_circle .dark-theme-form-container.iframe-overlay-form .haru-sp_circle2-h1,
#haru-sp_circle .dark-theme-form-container.iframe-overlay-form .haru-sp_circle2-h2,
#haru-sp_circle .dark-theme-form-container.iframe-overlay-form .haru-sp_circle2-h3,
#haru-sp_circle .dark-theme-form-container.iframe-overlay-form .haru-sp_circle2-h4,
#haru-sp_circle .light-theme-form-container.iframe-overlay-form .haru-sp_circle2-h1,
#haru-sp_circle .light-theme-form-container.iframe-overlay-form .haru-sp_circle2-h2,
#haru-sp_circle .light-theme-form-container.iframe-overlay-form .haru-sp_circle2-h3,
#haru-sp_circle .light-theme-form-container.iframe-overlay-form .haru-sp_circle2-h4 {
    padding-bottom: 0
}

#haru-sp_circle .dark-theme-form-container.iframe-overlay-form .haru-sp_circle2-h4,
#haru-sp_circle .light-theme-form-container.iframe-overlay-form .haru-sp_circle2-h4 {
    font-size: 21px
}

#haru-sp_circle .dark-theme-form-container.iframe-overlay-form .haru-sp_circle2-h3,
#haru-sp_circle .light-theme-form-container.iframe-overlay-form .haru-sp_circle2-h3 {
    font-size: 30px
}

#haru-sp_circle .overlay-haru-sp_circle-body {
    padding-bottom: 0
}

#haru-sp_circle .overlay-btn-small {
    margin-left: 0;
    top: 4px;
    font-size: 14px;
    position: relative;
    margin-left: 5px
}

#haru-sp_circle .light-gray-tooltip .tooltip-content span {
    color: #000!important
}

#haru-sp_circle .dark-gray-tooltip .tooltip-content span {
    color: #fff!important
}

#haru-sp_circle .light-gray-tooltip .tooltip-content,
#haru-sp_circle .light-gray-tooltip+.tooltip>.tooltip-inner {
    background-color: #f0f3f7;
    color: #000;
    padding: 10px;
    border-radius: 0;
    max-width: 100%
}

#haru-sp_circle .light-gray-tooltip .tooltip-content div {
    color: #000
}

#haru-sp_circle .light-gray-tooltip+.tooltip.top>.tooltip-arrow,
#haru-sp_circle .light-gray-tooltip.tooltip.top .tooltip-arrow {
    border-top-color: #f0f3f7
}

#haru-sp_circle .tooltip {
    width: auto
}

#haru-sp_circle .dark-gray-tooltip .tooltip-content,
#haru-sp_circle .dark-gray-tooltip+.tooltip>.tooltip-inner {
    background-color: #0c1724;
    color: #fff;
    padding: 10px;
    border-radius: 0;
    max-width: 100%
}

#haru-sp_circle .dark-gray-tooltip+.tooltip.top>.tooltip-arrow,
#haru-sp_circle .dark-gray-tooltip.tooltip.top .tooltip-arrow {
    border-top-color: #0c1724
}

#haru-sp_circle .security-image {
    padding-bottom: 15px;
    padding-top: 15px
}

#haru-sp_circle .step2 {
    display: none
}

#haru-sp_circle .btn-continue.disabled {
    cursor: not-allowed
}

#haru-sp_circle .light-theme-form-container button.btn-continue {
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 15px
}

#haru-sp_circle .light-theme-form-container button.btn-continue:disabled {
    border-color: #000;
    color: #000
}

#haru-sp_circle .light-theme-form-container a.btn-continue.disabled {
    border-color: #000;
    color: #000
}

#haru-sp_circle .light-theme-form-container a.btn-continue {
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 15px
}

#haru-sp_circle .light-theme-form-container .haru-sp_circle-custom-select-span .haru-sp_circle-custom-select-spanInner {
    font-weight: 400
}

#haru-sp_circle .dark-theme-form-container button.btn-continue {
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 15px
}

#haru-sp_circle .dark-theme-form-container a.btn-continue {
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 15px
}

#haru-sp_circle .gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

#haru-sp_circle .warning-modal {
    margin-top: 50px
}

#haru-sp_circle .warning-modal .modal-content {
    border-radius: 4px
}

#haru-sp_circle .warning-modal .modal-body {
    padding: 15px 25px
}

#haru-sp_circle .warning-modal .modal-header {
    border-bottom: 1px solid transparent!important;
    padding: 18px
}

#haru-sp_circle .warning-modal a.close {
    opacity: 1!important;
    margin-right: -1px;
    margin-top: -3px;
    width: 20px;
    height: 20px
}

#haru-sp_circle .curriculum-track .modal {
    color: #2d2d2d
}

#haru-sp_circle .curriculum-track .modal span.padding-button-20 {
    color: #474444;
    margin-bottom: 0;
    padding-bottom: 20px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-h7 {
    padding-left: 0;
    padding-bottom: 0;
    color: #000;
    font-weight: 700
}

#haru-sp_circle .curriculum-track .alternate-email {
    background-color: transparent;
    height: 35px;
    padding-left: 10px;
    font-size: 16px;
    width: 100%;
    color: #72777a;
    font-weight: 600;
    cursor: text;
    border: none
}

#haru-sp_circle .curriculum-track input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: #72777a!important;
    -webkit-text-fill-font-weight: 600
}

#haru-sp_circle .curriculum-track input[type=radio] {
    margin-top: -1px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    position: relative;
    visibility: hidden
}

#haru-sp_circle .curriculum-track input[type=radio]:before {
    background: 0 0
}

#haru-sp_circle .curriculum-track input[type=radio]+label:before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #97999b
}

#haru-sp_circle .curriculum-track input[type=radio]:checked+label:before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #65a637
}

#haru-sp_circle .curriculum-track label {
    color: #474444
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input {
    width: 60%;
    border: 1px solid #00a9e0;
    overflow: hidden;
    border-radius: 5px;
    position: relative
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input.error {
    border-color: #b84756;
    background-color: transparent;
    border-radius: 5px
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input.error .alternate-email:focus {
    outline-color: #b84756
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input.error .feedback {
    color: #b84756;
    display: block
}

#haru-sp_circle .curriculum-track label.haru-sp_circle-input .feedback {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 3;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    display: none
}

#haru-sp_circle .curriculum-track .curriculum-conditions {
    font-size: 16px
}

@media (min-width:768px) {
    #haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-dialog {
        width: 650px
    }
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-header {
    padding: 10px 15px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-header button {
    margin-top: -10px;
    opacity: .5;
    font-size: 45px;
    font-weight: 100
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body p {
    font-size: 18px;
    color: #474444
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body p b {
    font-weight: 700;
    color: #000
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body .haru-sp_circle-h7 {
    font-weight: 700;
    color: #000
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body span {
    font-weight: 400
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body .primary-span {
    margin-right: 20px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body .alternate-container {
    margin-top: 20px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .modal-body a:link {
    display: inline-block
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white p {
    padding-left: 0;
    color: #474444
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white p b {
    font-weight: 700;
    color: #000
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white small strong p {
    color: #2d2d2d
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white h3 {
    padding-bottom: 0;
    margin-bottom: 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white h3 small {
    color: #2d2d2d
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .download-modal-row-white span .sessionEmail {
    font-weight: 600
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .control .control__indicator.checked {
    background: 0 0;
    border: 1px solid #65a637!important
}

#haru-sp_circle .curriculum-track .haru-sp_circle-education-course-modal .control .control__indicator.checked:after {
    position: absolute;
    content: '';
    top: 1px;
    left: 3px;
    width: 4px;
    height: 7px;
    transform: rotate(45deg);
    border: solid #000;
    border-width: 0 2px 2px 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-open.modal,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-open.modal {
    overflow-y: hidden
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-header,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-header {
    padding: 10px 15px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-header button,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-header button {
    margin-top: -10px;
    opacity: .5;
    font-size: 45px;
    font-weight: 100
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white {
    text-align: center;
    padding-bottom: 50px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white .haru-sp_circle-h4,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white .haru-sp_circle-h4 {
    padding-bottom: 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white a.haru-sp_circle-btn:link,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white a.haru-sp_circle-btn:link {
    color: #09c;
    display: inline-block
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white a.haru-sp_circle-btn:link:hover,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white a.haru-sp_circle-btn:link:hover {
    color: #fff
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white p,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white p {
    font-size: 18px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white h3,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white h3 {
    margin-top: 0;
    margin-bottom: 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white h3 small,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white h3 small {
    color: #2d2d2d
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white .haru-sp_circle-h4 strong,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white .haru-sp_circle-h4 strong {
    padding-bottom: 0
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white .haru-sp_circle-h4.bigTitle,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white .haru-sp_circle-h4.bigTitle {
    padding-bottom: 10px
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white .haru-sp_circle-btn,
#haru-sp_circle .curriculum-track .haru-sp_circle-thankyou-modal .modal-body .download-modal-row-white .haru-sp_circle-btn {
    display: inline-block
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white {
    text-align: left!important
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white a:link {
    color: #09c;
    display: inline-block!important
}

#haru-sp_circle .curriculum-track .haru-sp_circle-partner-modal .modal-body .download-modal-row-white a:link:hover {
    color: #09c
}

#haru-sp_circle .curriculum-track form .control__indicator {
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    background: 0 0;
    border: 1px solid #97999b;
    border-radius: 3px
}

#haru-sp_circle .curriculum-track form .haru-sp_circle-submit {
    margin-top: 25px
}

#haru-sp_circle .curriculum-track .control {
    line-height: 130%;
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-left: 20px;
    cursor: pointer;
    font-weight: 400
}

#haru-sp_circle .curriculum-track .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

#haru-sp_circle .curriculum-track #privacy-policy {
    left: 15px
}

#haru-sp_circle .curriculum-track #terms-and-conditions {
    left: 15px
}

#haru-sp_circle .modal.promoband-modal.training .modal-body .rte-container p b {
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: -15px
}

#haru-sp_circle .modal.promoband-modal.training .modal-body .rte-container p:last-child {
    padding-bottom: 15px
}

@media (max-width:479px) {
    #haru-sp_circle .curriculum-track .curriculum-conditions {
        font-size: 14px
    }
}

#haru-sp_circle .textImage .media-and-text .rte-container p a:hover {
    cursor: pointer
}

#haru-sp_circle .textImage .promoband-modal .modal-header {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding: 10px 15px
}

#haru-sp_circle .textImage .promoband-modal .modal-header button {
    margin-top: -10px;
    opacity: .5;
    font-size: 45px;
    font-weight: 100
}

#haru-sp_circle .textImage .promoband-modal .modal-body {
    margin-top: 50px!important
}

#haru-sp_circle .textImage .promoband-modal .modal-body p {
    font-size: 18px
}

#haru-sp_circle .textImage .promoband-modal .modal-body .login-toggle.section span {
    padding-left: 0
}

@media (max-width:479px) {
    #haru-sp_circle .textImage .promoband-modal .modal-body p {
        font-size: 16px
    }
}

#haru-sp_circle .customerStory {
    position: relative
}

#haru-sp_circle .customerStory .keyCallouts.section .key-callouts .col-sm-6 {
    margin-bottom: 0;
    margin-top: 24px
}

#haru-sp_circle .customerStory .keyCallouts.section .key-callouts .col-sm-6:nth-child(1),
#haru-sp_circle .customerStory .keyCallouts.section .key-callouts .col-sm-6:nth-child(2) {
    margin-top: 0
}

#haru-sp_circle .customerStory .customerStory__storyContainer {
    position: static;
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 64px;
    padding-left: 15px;
    padding-right: 15px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent {
    position: static;
    flex: auto;
    min-width: 100px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .social-band {
    margin-top: 80px;
    margin-bottom: 0;
    width: 50%;
    display: inline-block
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .social-band .social-band-wrapper .social-band-v2.horizontal {
    padding-bottom: 0;
    margin-bottom: 0
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage {
    margin-top: 80px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p:first-child {
    margin-top: 0
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle-body,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p {
    padding-bottom: 0;
    margin-top: 24px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-h1,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-h2,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-h3,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-h4,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-h5,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-h6,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-h7,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-lead,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-lead-lg,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container .haru-sp_circle2-lead-md,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container h1,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container h2,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container h3,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container h4,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container h5,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container h6 {
    padding-bottom: 0;
    margin: 0
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-h1,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-h2,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-h3,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-h4,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-h5,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-h6,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-h7,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-lead,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-lead-lg,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+.haru-sp_circle2-lead-md,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+h1,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+h2,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+h3,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container div+h4,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-h1,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-h2,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-h3,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-h4,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-h5,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-h6,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-h7,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-lead,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-lead-lg,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+.haru-sp_circle2-lead-md,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+h1,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+h2,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+h3,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .rte-container p+h4 {
    margin-top: 80px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage .media-and-text .image-container {
    padding-left: 0;
    padding-right: 0
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .data-outcomes {
    margin-top: 40px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .quote-component {
    margin-top: 64px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component {
    margin-top: 40px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .storyContent__mainContent_container {
    position: static;
    margin-top: 64px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .storyContent__mainContent_container .full-width-media {
    position: absolute;
    width: 100%;
    z-index: 1000;
    left: 0
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .storyContent__mainContent_container .full-width-media.editMode {
    background-color: #fff
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .haru-sp_circle-button-aem.section {
    margin-top: 64px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent div:first-child div:first-child {
    margin-top: 0
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .social-band.section+.haru-sp_circle-button-aem.section {
    float: right;
    margin-top: -10px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .social-band.section+.haru-sp_circle-button-aem.section+.textImage.section,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .social-band.section+.textImage.section {
    margin-top: 24px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage.section+.quote-component.section {
    margin-top: 64px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage.section+.promoCard-component {
    margin-top: 40px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section {
    margin-top: 0!important
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-h1:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-h2:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-h3:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-h4:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-h5:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-h6:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-h7:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-lead-lg:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-lead-md:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle2-lead:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>h1:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>h2:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>h3:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>h4:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>h5:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>h6:first-child {
    margin-top: 80px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>.haru-sp_circle-body:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>div:first-child,
#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section .rte-container>p:first-child {
    margin-top: 40px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .quote-component.section+.textImage.section {
    margin-top: 80px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .storyContent__mainContent_container+div .textImage.section {
    margin-top: 80px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .textImage.section+.textImage.section {
    margin-top: 80px
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__sideNav {
    position: relative;
    width: 362px;
    min-width: 362px;
    flex-basis: 362px;
    padding: 0 0 0 31px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__sideNav.editMode {
    flex-wrap: wrap;
    align-content: flex-start
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__sideNav.editMode .customerStory__editLabel {
    flex-basis: 100%;
    flex: 1
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__sideNav .storyContent__sideNav-stickyContainer {
    position: relative
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__sideNav .storyContent__sideNav-stickyContainer.fixed {
    position: fixed;
    top: 150px;
    z-index: 1000
}

#haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__sideNav .storyContent__sideNav-stickyContainer.stickInBottom {
    align-self: flex-end
}

@media (max-width:767px) {
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent {
        flex-wrap: wrap;
        margin-top: 0
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent {
        order: 2;
        flex-basis: 100%;
        width: 100%
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .social-band {
        width: initial;
        display: block
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .social-band:first-child {
        width: 50%;
        display: inline-block
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .storyContent__mainContent_container {
        margin-top: 64px
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .storyContent__mainContent_container .full-width-media {
        position: relative
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .storyContent__mainContent_container.socialband-top {
        display: none
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .storyContent__mainContent_container.mobile-contact-sales {
        display: block
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .haru-sp_circle-button-aem.section,
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .haru-sp_circle-button-aem.section .haru-sp_circle-btn {
        width: 100%
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .promoCard-component+.textImage.section {
        margin-top: 32px!important
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__mainContent .social-band.section+.haru-sp_circle-button-aem.section {
        width: inherit
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer .customerStory__storyContainer__storyContent .storyContent .storyContent__sideNav {
        order: 1;
        flex-basis: 100%;
        width: 100%;
        min-width: initial;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 64px
    }
}

@media (min-width:992px) {
    #haru-sp_circle .customerStory .customerStory__storyContainer {
        max-width: 970px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .customerStory .customerStory__storyContainer {
        max-width: 1170px
    }
}

#haru-sp_circle .customerStory .editMode {
    padding: 10px 0;
    border: dashed 1px #d5dce5
}

#haru-sp_circle .customerStory .editMode .customerStory__editLabel {
    font-size: 13px;
    color: #d5dce5;
    margin-left: 15px
}

#haru-sp_circle .customerStory .relatedCard {
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 40px
}

#haru-sp_circle .customerStory .relatedCard .customer-related-cards {
    padding-bottom: 8px
}

@media (min-width:992px) {
    #haru-sp_circle .customerStory .relatedCard {
        max-width: 970px
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .customerStory .relatedCard {
        max-width: 1170px
    }
}

#haru-sp_circle .customerStory .relatedCard:first-child {
    border-top: solid 1px #d5dce5;
    margin-top: 40px;
    padding-top: 80px
}

@media (min-width:768px) {
    html.safari .customerStory .keyCallouts.section .key-callouts .col-sm-6 {
        width: 49.5%
    }
}

@media (max-width:767px) {
    #haru-sp_circle .customerStory .keyCallouts.section .key-callouts .col-sm-6 {
        margin-top: 24px
    }
    #haru-sp_circle .customerStory .keyCallouts.section .key-callouts .col-sm-6:first-child {
        margin-top: 0
    }
    #haru-sp_circle .customerStory .keyCallouts.section .key-callouts .col-sm-6:nth-child(2) {
        margin-top: 24px
    }
    #haru-sp_circle .customerStory .customerStory__storyContainer {
        padding: 0 15px;
        margin-top: 40px
    }
    #haru-sp_circle .customerStory .relatedCard {
        padding-top: 40px;
        position: relative
    }
    #haru-sp_circle .customerStory .relatedCard:first-child {
        border-top: none;
        margin-top: 24px
    }
    #haru-sp_circle .customerStory .relatedCard:first-child:before {
        content: '';
        position: absolute;
        top: 1px;
        left: 15px;
        right: 15px;
        border-top: solid 1px #d5dce5
    }
}

#haru-sp_circle .customer-story .stand-alone-image {
    min-height: 100px;
    background-color: rgba(117, 255, 51, .5)
}

#haru-sp_circle .customer-story .rte-container,
#haru-sp_circle .customerStory .rte-container {
    padding-bottom: 0!important
}

#haru-sp_circle .customer-story .social-band-v2.horizontal,
#haru-sp_circle .customerStory .social-band-v2.horizontal {
    padding-top: 0;
    padding-bottom: 24px;
    text-align: left
}

#haru-sp_circle .customer-story .social-icon-v2,
#haru-sp_circle .customerStory .social-icon-v2 {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
    position: relative;
    overflow: hidden
}

#haru-sp_circle .customer-story .social-icon-v2:before,
#haru-sp_circle .customerStory .social-icon-v2:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: -24px;
    transition: left .3s
}

#haru-sp_circle .customer-story .social-icon-v2:hover:before,
#haru-sp_circle .customerStory .social-icon-v2:hover:before {
    left: 0
}

#haru-sp_circle .customer-story .social-icon-v2.twitter,
#haru-sp_circle .customerStory .social-icon-v2.twitter {
    background-image: none;
    background-color: #969daa;
    -webkit-mask-image: url(source/images/customer-story/logo_twitter_black.svg);
    mask-image: url(source/images/customer-story/logo_twitter_black.svg);
    width: 26px;
    height: 26px
}

#haru-sp_circle .customer-story .social-icon-v2.twitter:before,
#haru-sp_circle .customerStory .social-icon-v2.twitter:before {
    background-color: #1da1f2;
    width: 26px;
    height: 26px
}

#haru-sp_circle .customer-story .social-icon-v2.facebook,
#haru-sp_circle .customerStory .social-icon-v2.facebook {
    background-image: none;
    background-color: #969daa;
    -webkit-mask-image: url(source/images/customer-story/logo_fb_black.svg);
    mask-image: url(source/images/customer-story/logo_fb_black.svg)
}

#haru-sp_circle .customer-story .social-icon-v2.facebook:before,
#haru-sp_circle .customerStory .social-icon-v2.facebook:before {
    background-color: #1877f2
}

#haru-sp_circle .customer-story .social-icon-v2.linkedin,
#haru-sp_circle .customerStory .social-icon-v2.linkedin {
    background-image: none;
    background-color: #969daa;
    -webkit-mask-image: url(source/images/customer-story/logo_linkedin_black.svg);
    mask-image: url(source/images/customer-story/logo_linkedin_black.svg)
}

#haru-sp_circle .customer-story .social-icon-v2.linkedin:before,
#haru-sp_circle .customerStory .social-icon-v2.linkedin:before {
    background-color: #2867b2
}

#haru-sp_circle .customer-story .social-icon-v2.email,
#haru-sp_circle .customerStory .social-icon-v2.email {
    position: relative;
    top: 1px;
    background-image: none;
    background-color: #969daa;
    -webkit-mask-image: url(source/images/customer-story/logo_email_black.svg);
    mask-image: url(source/images/customer-story/logo_email_black.svg)
}

#haru-sp_circle .customer-story .social-icon-v2.email:before,
#haru-sp_circle .customerStory .social-icon-v2.email:before {
    background-color: #656c76
}


/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.14.30
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.bootstrap-datetimepicker-widget {
    list-style: none
}

#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em
}

@media (min-width:768px) {
    #haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:992px) {
    #haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width:1200px) {
    #haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu:after,
#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: '';
    display: inline-block;
    position: absolute
}

#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    top: -7px;
    left: 7px
}

#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px
}

#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, .2);
    bottom: -7px;
    left: 6px
}

#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px
}

#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

#haru-sp_circle .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

#haru-sp_circle .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

#haru-sp_circle .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

#haru-sp_circle .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none
}

#haru-sp_circle .bootstrap-datetimepicker-widget .timepicker-hour,
#haru-sp_circle .bootstrap-datetimepicker-widget .timepicker-minute,
#haru-sp_circle .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0
}

#haru-sp_circle .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .btn[data-action=today]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

#haru-sp_circle .bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"
}

#haru-sp_circle .bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit
}

#haru-sp_circle .bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%
}

#haru-sp_circle .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td,
#haru-sp_circle .bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px
}

#haru-sp_circle .bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

#haru-sp_circle .bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px
}

#haru-sp_circle .bootstrap-datetimepicker-widget table th.disabled,
#haru-sp_circle .bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

#haru-sp_circle .bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"
}

#haru-sp_circle .bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"
}

#haru-sp_circle .bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer
}

#haru-sp_circle .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.day:hover,
#haru-sp_circle .bootstrap-datetimepicker-widget table td.hour:hover,
#haru-sp_circle .bootstrap-datetimepicker-widget table td.minute:hover,
#haru-sp_circle .bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.new,
#haru-sp_circle .bootstrap-datetimepicker-widget table td.old {
    color: #777
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.today {
    position: relative
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: 0 0 7px 7px solid transparent;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.active,
#haru-sp_circle .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td.disabled,
#haru-sp_circle .bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td span:hover {
    background: #eee
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td span.old {
    color: #777
}

#haru-sp_circle .bootstrap-datetimepicker-widget table td span.disabled,
#haru-sp_circle .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

#haru-sp_circle .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

#haru-sp_circle .bootstrap-datetimepicker-widget.wider {
    width: 21em
}

#haru-sp_circle .bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em!important
}

#haru-sp_circle .input-group.date .input-group-addon {
    cursor: pointer
}

#haru-sp_circle .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent
}

#haru-sp_circle .hamburger.is-active:hover,
#haru-sp_circle .hamburger:hover {
    opacity: .7
}

#haru-sp_circle .hamburger.is-active .hamburger-inner,
#haru-sp_circle .hamburger.is-active .hamburger-inner:after,
#haru-sp_circle .hamburger.is-active .hamburger-inner:before {
    background-color: #000
}

#haru-sp_circle .hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

#haru-sp_circle .hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

#haru-sp_circle .hamburger-inner,
#haru-sp_circle .hamburger-inner:after,
#haru-sp_circle .hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #000
}

#haru-sp_circle .hamburger-inner:after,
#haru-sp_circle .hamburger-inner:before {
    display: block;
    content: ""
}

#haru-sp_circle .hamburger-inner:before {
    top: -10px
}

#haru-sp_circle .hamburger-inner:after {
    bottom: -10px
}

#haru-sp_circle .hamburger--3dx .hamburger-box {
    perspective: 80px
}

#haru-sp_circle .hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dx .hamburger-inner:after,
#haru-sp_circle .hamburger--3dx .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dx.is-active .hamburger-inner {
    transform: rotateY(180deg);
    background-color: transparent!important
}

#haru-sp_circle .hamburger--3dx.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--3dx.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--3dx-r .hamburger-box {
    perspective: 80px
}

#haru-sp_circle .hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dx-r .hamburger-inner:after,
#haru-sp_circle .hamburger--3dx-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dx-r.is-active .hamburger-inner {
    transform: rotateY(-180deg);
    background-color: transparent!important
}

#haru-sp_circle .hamburger--3dx-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--3dx-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--3dy .hamburger-box {
    perspective: 80px
}

#haru-sp_circle .hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dy .hamburger-inner:after,
#haru-sp_circle .hamburger--3dy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dy.is-active .hamburger-inner {
    transform: rotateX(-180deg);
    background-color: transparent!important
}

#haru-sp_circle .hamburger--3dy.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--3dy.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

#haru-sp_circle .hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dy-r .hamburger-inner:after,
#haru-sp_circle .hamburger--3dy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dy-r.is-active .hamburger-inner {
    transform: rotateX(180deg);
    background-color: transparent!important
}

#haru-sp_circle .hamburger--3dy-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--3dy-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--3dxy .hamburger-box {
    perspective: 80px
}

#haru-sp_circle .hamburger--3dxy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dxy .hamburger-inner:after,
#haru-sp_circle .hamburger--3dxy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dxy.is-active .hamburger-inner {
    transform: rotateX(180deg) rotateY(180deg);
    background-color: transparent!important
}

#haru-sp_circle .hamburger--3dxy.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--3dxy.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--3dxy-r .hamburger-box {
    perspective: 80px
}

#haru-sp_circle .hamburger--3dxy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dxy-r .hamburger-inner:after,
#haru-sp_circle .hamburger--3dxy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

#haru-sp_circle .hamburger--3dxy-r.is-active .hamburger-inner {
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
    background-color: transparent!important
}

#haru-sp_circle .hamburger--3dxy-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--3dxy-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

#haru-sp_circle .hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

#haru-sp_circle .hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

#haru-sp_circle .hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

#haru-sp_circle .hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

#haru-sp_circle .hamburger--arrowturn.is-active .hamburger-inner:before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrowturn.is-active .hamburger-inner:after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

#haru-sp_circle .hamburger--arrowturn-r.is-active .hamburger-inner:before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--arrowturn-r.is-active .hamburger-inner:after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

#haru-sp_circle .hamburger--boring .hamburger-inner,
#haru-sp_circle .hamburger--boring .hamburger-inner:after,
#haru-sp_circle .hamburger--boring .hamburger-inner:before {
    transition-property: none
}

#haru-sp_circle .hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

#haru-sp_circle .hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

#haru-sp_circle .hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

#haru-sp_circle .hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s
}

#haru-sp_circle .hamburger--collapse .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

#haru-sp_circle .hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

#haru-sp_circle .hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    opacity: 0
}

#haru-sp_circle .hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transform: rotate(-90deg)
}

#haru-sp_circle .hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s
}

#haru-sp_circle .hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

#haru-sp_circle .hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

#haru-sp_circle .hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
    opacity: 0
}

#haru-sp_circle .hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
    transform: rotate(90deg)
}

#haru-sp_circle .hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-duration: .275s
}

#haru-sp_circle .hamburger--elastic .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

#haru-sp_circle .hamburger--elastic .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

#haru-sp_circle .hamburger--elastic.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0, 10px, 0) rotate(135deg)
}

#haru-sp_circle .hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

#haru-sp_circle .hamburger--elastic.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0, -20px, 0) rotate(-270deg)
}

#haru-sp_circle .hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-duration: .275s
}

#haru-sp_circle .hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    transition: opacity .125s ease .275s
}

#haru-sp_circle .hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

#haru-sp_circle .hamburger--elastic-r.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0, 10px, 0) rotate(-135deg)
}

#haru-sp_circle .hamburger--elastic-r.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

#haru-sp_circle .hamburger--elastic-r.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0, -20px, 0) rotate(270deg)
}

#haru-sp_circle .hamburger--emphatic {
    overflow: hidden
}

#haru-sp_circle .hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

#haru-sp_circle .hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

#haru-sp_circle .hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

#haru-sp_circle .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

#haru-sp_circle .hamburger--emphatic.is-active .hamburger-inner:before {
    top: -80px;
    left: -80px;
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transform: translate3d(80px, 80px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--emphatic.is-active .hamburger-inner:after {
    top: -80px;
    right: -80px;
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--emphatic-r {
    overflow: hidden
}

#haru-sp_circle .hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

#haru-sp_circle .hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

#haru-sp_circle .hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

#haru-sp_circle .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

#haru-sp_circle .hamburger--emphatic-r.is-active .hamburger-inner:before {
    top: 80px;
    left: -80px;
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transform: translate3d(80px, -80px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--emphatic-r.is-active .hamburger-inner:after {
    top: 80px;
    right: -80px;
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
    transform: translate3d(-80px, -80px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--minus .hamburger-inner:after,
#haru-sp_circle .hamburger--minus .hamburger-inner:before {
    transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

#haru-sp_circle .hamburger--minus.is-active .hamburger-inner:after,
#haru-sp_circle .hamburger--minus.is-active .hamburger-inner:before {
    transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
    opacity: 0
}

#haru-sp_circle .hamburger--minus.is-active .hamburger-inner:before {
    top: 0
}

#haru-sp_circle .hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0
}

#haru-sp_circle .hamburger--slider .hamburger-inner {
    top: 2px
}

#haru-sp_circle .hamburger--slider .hamburger-inner:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform, opacity
}

#haru-sp_circle .hamburger--slider .hamburger-inner:after {
    top: 20px
}

#haru-sp_circle .hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--slider.is-active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

#haru-sp_circle .hamburger--slider.is-active .hamburger-inner:after {
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

#haru-sp_circle .hamburger--slider-r .hamburger-inner {
    top: 2px
}

#haru-sp_circle .hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform, opacity
}

#haru-sp_circle .hamburger--slider-r .hamburger-inner:after {
    top: 20px
}

#haru-sp_circle .hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--slider-r.is-active .hamburger-inner:before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0
}

#haru-sp_circle .hamburger--slider-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

#haru-sp_circle .hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .22s
}

#haru-sp_circle .hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

#haru-sp_circle .hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

#haru-sp_circle .hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(225deg)
}

#haru-sp_circle .hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s;
    opacity: 0
}

#haru-sp_circle .hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg)
}

#haru-sp_circle .hamburger--spin-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .22s
}

#haru-sp_circle .hamburger--spin-r .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

#haru-sp_circle .hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

#haru-sp_circle .hamburger--spin-r.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(-225deg)
}

#haru-sp_circle .hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s;
    opacity: 0
}

#haru-sp_circle .hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(90deg)
}

#haru-sp_circle .hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s
}

#haru-sp_circle .hamburger--spring .hamburger-inner:before {
    top: 10px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

#haru-sp_circle .hamburger--spring .hamburger-inner:after {
    top: 20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

#haru-sp_circle .hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent!important
}

#haru-sp_circle .hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

#haru-sp_circle .hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: .13s
}

#haru-sp_circle .hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

#haru-sp_circle .hamburger--spring-r .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

#haru-sp_circle .hamburger--spring-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

#haru-sp_circle .hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
    opacity: 0
}

#haru-sp_circle .hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: rotate(90deg)
}

#haru-sp_circle .hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

#haru-sp_circle .hamburger--stand .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

#haru-sp_circle .hamburger--stand .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

#haru-sp_circle .hamburger--stand.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
    transform: rotate(90deg);
    background-color: transparent!important
}

#haru-sp_circle .hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(-45deg)
}

#haru-sp_circle .hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(45deg)
}

#haru-sp_circle .hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

#haru-sp_circle .hamburger--stand-r .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

#haru-sp_circle .hamburger--stand-r .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

#haru-sp_circle .hamburger--stand-r.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
    transform: rotate(-90deg);
    background-color: transparent!important
}

#haru-sp_circle .hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(-45deg)
}

#haru-sp_circle .hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
    transform: rotate(45deg)
}

#haru-sp_circle .hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: 75ms
}

#haru-sp_circle .hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

#haru-sp_circle .hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

#haru-sp_circle .hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(45deg)
}

#haru-sp_circle .hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0
}

#haru-sp_circle .hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg)
}

#haru-sp_circle .hamburger--vortex .hamburger-inner {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-duration: .2s
}

#haru-sp_circle .hamburger--vortex .hamburger-inner:after,
#haru-sp_circle .hamburger--vortex .hamburger-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0s
}

#haru-sp_circle .hamburger--vortex .hamburger-inner:before {
    transition-property: top, opacity
}

#haru-sp_circle .hamburger--vortex .hamburger-inner:after {
    transition-property: bottom, transform
}

#haru-sp_circle .hamburger--vortex.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: rotate(765deg)
}

#haru-sp_circle .hamburger--vortex.is-active .hamburger-inner:after,
#haru-sp_circle .hamburger--vortex.is-active .hamburger-inner:before {
    transition-delay: 0s
}

#haru-sp_circle .hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

#haru-sp_circle .hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(90deg)
}

#haru-sp_circle .hamburger--vortex-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-duration: .2s
}

#haru-sp_circle .hamburger--vortex-r .hamburger-inner:after,
#haru-sp_circle .hamburger--vortex-r .hamburger-inner:before {
    transition-delay: .1s;
    transition-timing-function: linear;
    transition-duration: 0s
}

#haru-sp_circle .hamburger--vortex-r .hamburger-inner:before {
    transition-property: top, opacity
}

#haru-sp_circle .hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom, transform
}

#haru-sp_circle .hamburger--vortex-r.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transform: rotate(-765deg)
}

#haru-sp_circle .hamburger--vortex-r.is-active .hamburger-inner:after,
#haru-sp_circle .hamburger--vortex-r.is-active .hamburger-inner:before {
    transition-delay: 0s
}

#haru-sp_circle .hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

#haru-sp_circle .hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

#haru-sp_circle .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js .vjs-modal-dialog,
#haru-sp_circle .vjs-button>.vjs-icon-placeholder:before,
#haru-sp_circle .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#haru-sp_circle .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(source/css/font/VideoJS.eot?#iefix) format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js .vjs-play-control .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js .vjs-play-control .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-play:before {
    content: "\f101"
}

#haru-sp_circle .vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-play-circle:before {
    content: "\f102"
}

#haru-sp_circle .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-pause:before {
    content: "\f103"
}

#haru-sp_circle .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-volume-mute:before {
    content: "\f104"
}

#haru-sp_circle .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-volume-low:before {
    content: "\f105"
}

#haru-sp_circle .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-volume-mid:before {
    content: "\f106"
}

#haru-sp_circle .video-js .vjs-mute-control .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-mute-control .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-volume-high:before {
    content: "\f107"
}

#haru-sp_circle .video-js .vjs-fullscreen-control .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-fullscreen-enter:before {
    content: "\f108"
}

#haru-sp_circle .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-fullscreen-exit:before {
    content: "\f109"
}

#haru-sp_circle .vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-square:before {
    content: "\f10a"
}

#haru-sp_circle .vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-spinner:before {
    content: "\f10b"
}

#haru-sp_circle .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
#haru-sp_circle .video-js .vjs-subtitles-button .vjs-icon-placeholder,
#haru-sp_circle .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
#haru-sp_circle .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
#haru-sp_circle .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
#haru-sp_circle .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-subtitles:before {
    content: "\f10c"
}

#haru-sp_circle .video-js .vjs-captions-button .vjs-icon-placeholder,
#haru-sp_circle .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
#haru-sp_circle .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-captions-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
#haru-sp_circle .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-captions:before {
    content: "\f10d"
}

#haru-sp_circle .video-js .vjs-chapters-button .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-chapters-button .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-chapters:before {
    content: "\f10e"
}

#haru-sp_circle .vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-share:before {
    content: "\f10f"
}

#haru-sp_circle .vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-cog:before {
    content: "\f110"
}

#haru-sp_circle .video-js .vjs-play-progress,
#haru-sp_circle .video-js .vjs-volume-level,
#haru-sp_circle .vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-play-progress:before,
#haru-sp_circle .video-js .vjs-volume-level:before,
#haru-sp_circle .vjs-icon-circle:before {
    content: "\f111"
}

#haru-sp_circle .vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-circle-outline:before {
    content: "\f112"
}

#haru-sp_circle .vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

#haru-sp_circle .vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-hd:before {
    content: "\f114"
}

#haru-sp_circle .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-cancel:before {
    content: "\f115"
}

#haru-sp_circle .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-replay:before {
    content: "\f116"
}

#haru-sp_circle .vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-facebook:before {
    content: "\f117"
}

#haru-sp_circle .vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-gplus:before {
    content: "\f118"
}

#haru-sp_circle .vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-linkedin:before {
    content: "\f119"
}

#haru-sp_circle .vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-twitter:before {
    content: "\f11a"
}

#haru-sp_circle .vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-tumblr:before {
    content: "\f11b"
}

#haru-sp_circle .vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .vjs-icon-pinterest:before {
    content: "\f11c"
}

#haru-sp_circle .video-js .vjs-descriptions-button .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-audio-description:before {
    content: "\f11d"
}

#haru-sp_circle .video-js .vjs-audio-button .vjs-icon-placeholder,
#haru-sp_circle .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

#haru-sp_circle .video-js .vjs-audio-button .vjs-icon-placeholder:before,
#haru-sp_circle .vjs-icon-audio:before {
    content: "\f11e"
}

#haru-sp_circle .video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif
}

#haru-sp_circle .video-js:-moz-full-screen {
    position: absolute
}

#haru-sp_circle .video-js:-webkit-full-screen {
    width: 100%!important;
    height: 100%!important
}

#haru-sp_circle .video-js[tabindex="-1"] {
    outline: 0
}

#haru-sp_circle .video-js *,
#haru-sp_circle .video-js :after,
#haru-sp_circle .video-js :before {
    box-sizing: inherit
}

#haru-sp_circle .video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

#haru-sp_circle .video-js.vjs-16-9,
#haru-sp_circle .video-js.vjs-4-3,
#haru-sp_circle .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

#haru-sp_circle .video-js.vjs-16-9 {
    padding-top: 56.25%
}

#haru-sp_circle .video-js.vjs-4-3 {
    padding-top: 75%
}

#haru-sp_circle .video-js.vjs-fill {
    width: 100%;
    height: 100%
}

#haru-sp_circle .video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

#haru-sp_circle .vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

#haru-sp_circle .video-js.vjs-fullscreen {
    width: 100%!important;
    height: 100%!important;
    padding-top: 0!important
}

#haru-sp_circle .video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

#haru-sp_circle .vjs-hidden {
    display: none!important
}

#haru-sp_circle .vjs-disabled {
    opacity: .5;
    cursor: default
}

#haru-sp_circle .video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

#haru-sp_circle .vjs-lock-showing {
    display: block!important;
    opacity: 1;
    visibility: visible
}

#haru-sp_circle .vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

#haru-sp_circle .vjs-no-js a,
#haru-sp_circle .vjs-no-js a:visited {
    color: #66a8cc
}

#haru-sp_circle .video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

#haru-sp_circle .vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

#haru-sp_circle .video-js .vjs-big-play-button:focus,
#haru-sp_circle .video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

#haru-sp_circle .vjs-controls-disabled .vjs-big-play-button,
#haru-sp_circle .vjs-error .vjs-big-play-button,
#haru-sp_circle .vjs-has-started .vjs-big-play-button,
#haru-sp_circle .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

#haru-sp_circle .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

#haru-sp_circle .video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#haru-sp_circle .vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

#haru-sp_circle .video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

#haru-sp_circle .video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
    overflow: auto;
    box-sizing: content-box
}

#haru-sp_circle .video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

#haru-sp_circle .vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

#haru-sp_circle .vjs-menu-button {
    cursor: pointer
}

#haru-sp_circle .vjs-menu-button.vjs-disabled {
    cursor: default
}

#haru-sp_circle .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

#haru-sp_circle .vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
    box-sizing: content-box
}

#haru-sp_circle .vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

#haru-sp_circle .vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

#haru-sp_circle .vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

#haru-sp_circle .vjs-menu li.vjs-menu-item:focus,
#haru-sp_circle .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

#haru-sp_circle .vjs-menu li.vjs-selected,
#haru-sp_circle .vjs-menu li.vjs-selected:focus,
#haru-sp_circle .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

#haru-sp_circle .vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: 700;
    cursor: default
}

#haru-sp_circle .vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

#haru-sp_circle .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

#haru-sp_circle .vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
#haru-sp_circle .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

#haru-sp_circle .video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

#haru-sp_circle .video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

#haru-sp_circle .video-js .vjs-menu-button-inline.vjs-slider-active,
#haru-sp_circle .video-js .vjs-menu-button-inline:focus,
#haru-sp_circle .video-js .vjs-menu-button-inline:hover,
#haru-sp_circle .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

#haru-sp_circle .vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

#haru-sp_circle .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
#haru-sp_circle .vjs-menu-button-inline:focus .vjs-menu,
#haru-sp_circle .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

#haru-sp_circle .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

#haru-sp_circle .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
#haru-sp_circle .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
#haru-sp_circle .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

#haru-sp_circle .vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

#haru-sp_circle .video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

#haru-sp_circle .vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    -moz-transition: visibility .1s, opacity .1s;
    -ms-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

#haru-sp_circle .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -ms-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

#haru-sp_circle .vjs-controls-disabled .vjs-control-bar,
#haru-sp_circle .vjs-error .vjs-control-bar,
#haru-sp_circle .vjs-using-native-controls .vjs-control-bar {
    display: none!important
}

#haru-sp_circle .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

#haru-sp_circle .vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

#haru-sp_circle .video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

#haru-sp_circle .vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

#haru-sp_circle .video-js .vjs-control:focus,
#haru-sp_circle .video-js .vjs-control:focus:before,
#haru-sp_circle .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

#haru-sp_circle .video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#haru-sp_circle .vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

#haru-sp_circle .video-js .vjs-custom-control-spacer {
    display: none
}

#haru-sp_circle .video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

#haru-sp_circle .vjs-live .vjs-progress-control {
    display: none
}

#haru-sp_circle .vjs-no-flex .vjs-progress-control {
    width: auto
}

#haru-sp_circle .video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: .3em
}

#haru-sp_circle .video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

#haru-sp_circle .video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em
}

#haru-sp_circle .video-js .vjs-progress-holder .vjs-load-progress,
#haru-sp_circle .video-js .vjs-progress-holder .vjs-load-progress div,
#haru-sp_circle .video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

#haru-sp_circle .video-js .vjs-play-progress {
    background-color: #fff
}

#haru-sp_circle .video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.333333333333333em;
    z-index: 1
}

#haru-sp_circle .video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

#haru-sp_circle .video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

#haru-sp_circle .video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: relative;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

#haru-sp_circle .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

#haru-sp_circle .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
#haru-sp_circle .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

#haru-sp_circle .video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

#haru-sp_circle .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

#haru-sp_circle .video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

#haru-sp_circle .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -ms-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

#haru-sp_circle .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

#haru-sp_circle .vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

#haru-sp_circle .video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

#haru-sp_circle .video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

#haru-sp_circle .video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 3em
}

#haru-sp_circle .video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#haru-sp_circle .video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

#haru-sp_circle .video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
}

#haru-sp_circle .video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control:active,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control:focus,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control:hover,
#haru-sp_circle .video-js .vjs-volume-panel:active .vjs-volume-control,
#haru-sp_circle .video-js .vjs-volume-panel:focus .vjs-volume-control,
#haru-sp_circle .video-js .vjs-volume-panel:hover .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
    -moz-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
    -ms-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
    -o-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

#haru-sp_circle .video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
#haru-sp_circle .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em
}

#haru-sp_circle .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
#haru-sp_circle .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
#haru-sp_circle .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus,
#haru-sp_circle .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: 9em;
    -webkit-transition: width .1s;
    -moz-transition: width .1s;
    -ms-transition: width .1s;
    -o-transition: width .1s;
    transition: width .1s
}

#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3.5em;
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

#haru-sp_circle .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

#haru-sp_circle .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

#haru-sp_circle .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
#haru-sp_circle .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

#haru-sp_circle .video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#haru-sp_circle .video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

#haru-sp_circle .vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

#haru-sp_circle .vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

#haru-sp_circle .video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

#haru-sp_circle .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

#haru-sp_circle .vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

#haru-sp_circle .vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

#haru-sp_circle .vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

#haru-sp_circle .vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

#haru-sp_circle .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

#haru-sp_circle .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

#haru-sp_circle .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

#haru-sp_circle .video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

#haru-sp_circle .video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

#haru-sp_circle .vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

#haru-sp_circle .vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%
}

#haru-sp_circle .vjs-has-started .vjs-poster {
    display: none
}

#haru-sp_circle .vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

#haru-sp_circle .vjs-using-native-controls .vjs-poster {
    display: none
}

#haru-sp_circle .video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

#haru-sp_circle .vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

#haru-sp_circle .video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

#haru-sp_circle .vjs-live .vjs-time-control {
    display: none
}

#haru-sp_circle .video-js .vjs-current-time,
#haru-sp_circle .vjs-no-flex .vjs-current-time {
    display: none
}

#haru-sp_circle .vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
    width: 0!important;
    white-space: nowrap
}

#haru-sp_circle .video-js .vjs-duration,
#haru-sp_circle .vjs-no-flex .vjs-duration {
    display: none
}

#haru-sp_circle .vjs-time-divider {
    display: none;
    line-height: 3em
}

#haru-sp_circle .vjs-live .vjs-time-divider {
    display: none
}

#haru-sp_circle .video-js .vjs-play-control .vjs-icon-placeholder {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

#haru-sp_circle .vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

#haru-sp_circle .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

#haru-sp_circle .video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

#haru-sp_circle .vjs-subtitles {
    color: #fff
}

#haru-sp_circle .vjs-captions {
    color: #fc6
}

#haru-sp_circle .vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -moz-transform: translateY(-3em);
    -ms-transform: translateY(-3em);
    -o-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

#haru-sp_circle .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -moz-transform: translateY(-1.5em);
    -ms-transform: translateY(-1.5em);
    -o-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

#haru-sp_circle .video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

#haru-sp_circle .vjs-playback-rate .vjs-playback-rate-value,
#haru-sp_circle .vjs-playback-rate>.vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#haru-sp_circle .vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

#haru-sp_circle .vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

#haru-sp_circle .vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

#haru-sp_circle .vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

#haru-sp_circle .vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

#haru-sp_circle .vjs-seeking .vjs-loading-spinner,
#haru-sp_circle .vjs-waiting .vjs-loading-spinner {
    display: block
}

#haru-sp_circle .vjs-loading-spinner:after,
#haru-sp_circle .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

#haru-sp_circle .vjs-seeking .vjs-loading-spinner:after,
#haru-sp_circle .vjs-seeking .vjs-loading-spinner:before,
#haru-sp_circle .vjs-waiting .vjs-loading-spinner:after,
#haru-sp_circle .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

#haru-sp_circle .vjs-seeking .vjs-loading-spinner:before,
#haru-sp_circle .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

#haru-sp_circle .vjs-seeking .vjs-loading-spinner:after,
#haru-sp_circle .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

#haru-sp_circle .vjs-chapters-button .vjs-menu ul {
    width: 24em
}

#haru-sp_circle .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    position: absolute
}

#haru-sp_circle .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit
}

#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
#haru-sp_circle .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control {
    display: none
}

#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
#haru-sp_circle .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control {
    display: none
}

#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
#haru-sp_circle .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control {
    display: none
}

#haru-sp_circle .vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    height: 70%
}

#haru-sp_circle .vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

#haru-sp_circle .vjs-text-track-settings .vjs-track-settings-colors,
#haru-sp_circle .vjs-text-track-settings .vjs-track-settings-controls,
#haru-sp_circle .vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

#haru-sp_circle .vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

#haru-sp_circle .vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

#haru-sp_circle .vjs-text-track-settings fieldset span {
    display: inline-block;
    margin-left: 5px
}

#haru-sp_circle .vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

#haru-sp_circle .vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

#haru-sp_circle .vjs-track-settings-controls button:active,
#haru-sp_circle .vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

#haru-sp_circle .vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, .75)
}

#haru-sp_circle .vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

#haru-sp_circle .vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    #haru-sp_circle .video-js>:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

@media \0screen {
    #haru-sp_circle .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }
}

@media \0screen {
    #haru-sp_circle .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden
    }
}